美文网首页vue
vue-cli3 代码优化 uglifyjs-webpack-p

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

作者: 带刀打天下 | 来源:发表于2019-06-17 10:46 被阅读0次
    • 安装

      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-p

        本文链接:https://www.haomeiwen.com/subject/frnpfctx.html