乐趣区

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

  1. 相干网址
    (1)npm 官网地址:https://www.npmjs.com/package…
    (2)webpack 官网地址:https://webpack.html.cn/plugi…
  2. npm 下载 uglifyjs-webpack-plugin

    npm install uglifyjs-webpack-plugin --save-dev
  3. 在 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'
      }
     // ...
    },
    // ...
    }
退出移动版