vue-cli 打包删除console.log

vue-cli 打包删除console.log

vue-cli 2 版本 并且 webpack 3 版本
打开webpack.prod.conf.js文件

找到 UglifyJsPlugin, 添加drop_console: true 就可以了

new UglifyJsPlugin({
  uglifyOptions: {
    compress: {
      warnings: false,
      drop_debugger: true,
      drop_console: true
    }
  },
  sourceMap: config.build.productionSourceMap,
  parallel: true
}),

vue-cli 3 || 4 版本
由于这个版本的webpack被简化了,所以我们的项目中没有build文件夹,所以可以在vue.config.js的文件中进行配置

configureWebpack: (config) => {
  // 覆盖webpack默认配置的都在这里
  if (process.env.NODE_ENV === "production") {
    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"
    ];
  }
}