webpack 代码压缩优化篇

Webpack 默认提供的 UglifyJS 插件,由于采用单线程压缩,速度颇慢 ;推荐采用 webpack-parallel-uglify-plugin 插件,她可以并行运行 UglifyJS 插件,更加充分而合理的使用 CPU 资源,这可以大大减少的构建时间;当然,该插件应用于生产环境而非开发环境,其做法如下,

new   webpack . optimize . UglifyJsPlugin ({
   compress {
     warnings false
   },
   sourceMap true
})

替换如上自带的 UglifyJsPlugin 写法为如下配置即可:

var   ParallelUglifyPlugin  =  require ( 'webpack-parallel-uglify-plugin' );
new   ParallelUglifyPlugin ({
   cacheDir '.cache/' ,
   uglifyJS : {
     output {
       comments false
     },
     compress {
       warnings false
     }
   }
})
当然也有其他同类型的插件,比如:webpack-uglify-parallel,但根据自己实践效果来看,并没有 webpack-parallel-uglify-plugin 表现的那么卓越,有兴趣的朋友,可以更全面的做下对比,择优选用。需要额外说明的是,webpack-parallel-uglify-plugin 插件的运用,会相对 UglifyJsPlugin 打出的包,看起来略大那么一丢丢(其实可以忽略不计);

猜你喜欢

转载自blog.csdn.net/Deng_gene/article/details/78332340