关于前端:vue打包时去除console信息

npm下载uglifyjs-webpack-plugin

npm install uglifyjs-webpack-plugin --save-dev

在build/webpack.prod.conf.js中增加以下代码

const UglifyJsPlugin = require("uglifyjs-webpack-plugin")
module.exports = {
// ...
configureWebpack: (config) => {
  if (process.env.NODE_ENV === 'production') {
    // 为生产环境批改配置...
    config.mode = 'production'
    // 将每个依赖包打包成独自的js文件
    let optimization = {
     // ...
      minimizer: [
        new UglifyPlugin({
          uglifyOptions: {
            warnings: false,
            compress: {
              drop_console: true, // 放弃对`console.*`函数的调用（删除console）
              drop_debugger: false, // 删除debugger
              pure_funcs: ['console.log'] 
            }
          }
        })
      ]
    }
    Object.assign(config, {
      optimization
    })
  } else {
    // 为开发环境批改配置...
    config.mode = 'development'
  }
 // ...
},
// ...
}