vue3 打包 生产环境去掉console输出

1.安装插件,只安装就可以无需引用

npm install terser-webpack-plugin -D

2.在vue.config.js中配置

module.exports={
 configureWebpack: config => {
         if (process.env.NODE_ENV === 'production') { //生产环境生效 取消console
             config.optimization.minimizer[0].options.terserOptions.compress.warnings = false;
             config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true;
             config.optimization.minimizer[0].options.terserOptions.compress.drop_debugger = true;
             config.optimization.minimizer[0].options.terserOptions.compress.pure_funcs = ['console.log']
         }
    }
}

3.按照以上配置就可以了,具体 process.env.NODE_ENV的解释 还待了解,目前已知是对环境变量的控制

你可能感兴趣的:(vue3 打包 生产环境去掉console输出)