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的解释 还待了解，目前已知是对环境变量的控制