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

28次阅读

共计 697 个字符，预计需要花费 2 分钟才能阅读完成。

相干网址
（1）npm 官网地址：https://www.npmjs.com/package…
（2）webpack 官网地址：https://webpack.html.cn/plugi…

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'
  }
 // ...
},
// ...
}

正文完