vue/cli脚手架 4.5.12 生产环境去除console.log

597 阅读1分钟

生产环境存在console.log是不安全的,所以我们要去除,所用到的工具是terser-webpack-plugin,我用的此脚手架版本无需安装,理论上来说,脚手架4+自带此插件。

  • 在vue.config.js中增加如下代码
module.exports = {
  // 生产时移除console
  configureWebpack: (config) => {
    if (process.env.NODE_ENV === 'production') { //判断是否为生产环境,开发环境不移除
      config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true
    }
  },
}
到此就可以了,快去试试吧!!!