一、安装插件 babel-plugin-transform-remove-console

命令:npm install babel-plugin-transform-remove-console --save

二、修改项目根目录下babel.config.js

                                        babel.config.js 修改前 

     babel.config.js 修改后:

const plugins = []

if(process.env.NODE_ENV === 'production') {
    plugins.push(["transform-remove-console",{"exclude":["error","warn"]}])
}

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset',
    '@vue/app'
  ],
  plugins
}

三、打包项目

     执行:npm run build 

     将打包好的项目部署到生成环境中,在控制台测试,即可看见所有console.log()打印信息都已经全被清除。

Logo

前往低代码交流专区

更多推荐