vue-cli:2.5
在vue项目本地调试过程中,为了查找问题,我们在代码里会写比较多的console代码,然后打包发布的过程中,做删除这个动作又太麻烦,所以可以利用webpack的插件,解决这个问题。
// 先安装插件
cnpm i babel-plugin-transform-remove-console --save-dev
// 然后在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 = {
'presets': [
'@vue/app'
],
'plugins': [
[
'import',
{
'libraryName': 'ant-design-vue',
'libraryDirectory': 'es',
'style': true
},
'ant-design-vue'
],
...prodPlugin
]
}
网友评论