vue项目build时,解决console.log警告-爱代码爱编程
vue项目打包时,去掉console.log输出
安装插件:npm install babel-plugin-transform-remove-console --save-dev
在babel.config.js
文件的plugins中添加transform-remove-console
,此时再build就不会有console警告了。
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset'
],
plugins: [
[
'component',
{
libraryName: 'element-ui',
styleLibraryName: 'theme-chalk'
}
],
'transform-remove-console'
]
}
但是babel.config.js
文件是全局共享的,这样配置无论在开发环境还是生产环境都会去掉所有的console输出语句。
正确配置如下:
// 项目发布阶段需要用到的Babel插件
const prodPlugins = []
if (process.env.NODE_ENV === 'production') {
prodPlugins.push('transform-remove-console')
}
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset'
],
plugins: [
[
'component',
{
libraryName: 'element-ui',
styleLibraryName: 'theme-chalk'
}
],
// 发布产品时候的插件数组
...prodPlugins
]
}
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 本文链接: https://blog.csdn.net/qq_40884528/article/details/111090198