npm install babel-plugin-transform-remove-console -S
2.在项目目录下面 找到babel.config.js 文件打开 复制以下代码进去
思路:
1.设置一个空数组plugins 使用展开运算符放到 和 presets 同级 里面 方便导出
2.通过判断 目前是不是发布阶段 在往plugins数组 push transform-remove-console (去掉console.log) 插件名称
3. process.env.NODE_ENV是调用vue系统函数查看当前 处于发布 模式还是 开发模式 发布模式 production 开发模式development
以下代码,随便复制一个就行
代码1:
// 生产环境移除console
const plugins = [] //空数组
// process.env.NODE_ENV === production 目前处于开发阶段
if (process.env.NODE_ENV === 'production') {
plugins.push('transform-remove-console')
}
module.exports = {
presets: ['@vue/cli-plugin-babel/preset'],
// 展开运算符的方式把plugins放进来
...plugins
}
const plugins = ['@vue/babel-plugin-transform-vue-jsx']
// 生产环境移除console
if (process.env.NODE_ENV === 'production') {
plugins.push('transform-remove-console')
}
module.exports = {
plugins: plugins,
presets: [
[
'@vue/app',
{
modules: false,
targets: {
browsers: [
'> 1%',
'last 2 versions',
'not ie <= 8',
'Android >= 4',
'iOS >= 8'
]
},
useBuiltIns: 'entry'
}
]
]
}
发表评论