vue生产环境去掉debugger和console_vue 前端 生产版本 屏蔽debug

一、vue生产环境去掉debugger和console

npm install terser-webpack-plugin -D
1

二、在vue.config.js文件里添加插件的配置

configureWebpack: config => {
    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']
    }
  },
1
2
3
4
5
6
7
8