vue项目打包上线前总会遇到一个问题就是开发过程中遗留的console代码,其实方法很简单:
下载依赖包
npm install babel-plugin-transform-remove-console --save-dev;
下载成功后在根目录的babel.config.js配置文件中,plugins数组中添加"transform-remove-console"即可。
秒收目录站https://www.tomove.com.cn
不过这样设置会使得开发阶段也会屏蔽console,避免这种情况 这样改:
在babel.config.js文件中:
// 所有生产环境
const prodPlugin = []
if (process.env.NODE_ENV === ‘production‘) {
// 如果是生产环境,则自动清理掉打印的日志,但保留error 与 warn
prodPlugin.push([
‘transform-remove-console‘,
{
// 保留 console.error 与 console.warn
exclude: [‘error‘, ‘warn‘]
}
])
}
module.exports = {
plugins: [
...prodPlugin
]
}
原文:https://www.cnblogs.com/qianxiaox/p/13704870.html