Vue关闭线上源码移除console
不管前方的路有多苦，只要走的方向正确，不管多么崎岖不平，都比站在原地更接近幸福。
前言
文章中的配置，项目基于Vue CLI 3.0搭建，版本大于等于3.0不会有问题，其他环境版本请绕道😂。
关闭线上源码
- 在Vue.config.js中添加如下代码
module.exports = {
// 关闭线上源码
productionSourceMap: false,
}
- 移除后的效果
移除console
使用TerserPlugin插件实现
- 安装插件:终端执行
yarn add terser-webpack-plugin
- 在vue.config.js中添加如下代码
module.exports = {
configureWebpack:{
optimization:{
minimizer: [new TerserPlugin({ terserOptions: { compress: { drop_console: true } } })]
}
}
}
- 插件的更多使用方法：terser-webpack-plugin
使用cli自带的配置实现
感谢评论区掘友(@小小茂茂)给的建议，代码已测试，可移除console
- 在vue.config.js中添加如下代码
// 关闭生产环境console
configureWebpack(config) {
if (process.env.NODE_ENV === 'production') {
config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true
}
}
本文参与 腾讯云自媒体分享计划，分享自微信公众号。
原始发表：2020-08-18，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录