vue-cli3打包去掉console.log

star星辉

于 2019-08-29 10:00:58 发布

阅读量7.9k

点赞数 3

本文链接：https://blog.youkuaiyun.com/qq_43227958/article/details/100131856

版权

本文介绍如何利用npm包terser-webpack-plugin，在Vue项目中移除所有console.log，以减小生产环境下的包体积。通过安装该插件并配置vue.config.js，设置在生产环境下压缩代码时去除console.log。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

通过npm包 terser-webpack-plugin 来实现

第一步：安装

npm install terser-webpack-plugin --save-dev

第二步：配置（vue.config.js）

module.export = {
  configureWebpack: (config)=>{
    if(process.env.NODE_ENV === 'production'){
      config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true
    }
  }
}

完成以上两步操作，项目build后会自动去掉所有的console