vue-cli3 代码优化 uglifyjs-webpack-plugin

  • 安装

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

  • 使用

    vue.config.js 文件中进行配置

    const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
    module.exports = {
        configureWebpack: config => {
        if (process.env.NODE_ENV === 'production') {
          // 为生产环境修改配置
          config.plugins.push(
              new UglifyJsPlugin({
                  uglifyOptions: {
                      compress: {
                          drop_debugger: true,
                          drop_console: true,  //生产环境自动删除console
                      },
                      warnings: false,
                  },
                  sourceMap: false,
                  parallel: true,//使用多进程并行运行来提高构建速度。默认并发运行数:os.cpus().length - 1。
              })
          );
        }
    };
    

你可能感兴趣的:(vue-cli3 代码优化 uglifyjs-webpack-plugin)