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

最新推荐文章于 2024-09-03 15:04:57 发布

木子静静

最新推荐文章于 2024-09-03 15:04:57 发布

阅读量2.2k

点赞数 2

文章标签： vue

本文链接：https://blog.csdn.net/qq_37919055/article/details/107068654

版权

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