webpack 代码压缩优化篇
来源:互联网 发布:新游上线软件 编辑:程序博客网 时间:2024/05/16 15:22
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 打出的包,看起来略大那么一丢丢(其实可以忽略不计);
阅读全文
0 0
- webpack 代码压缩优化篇
- webpack前端代码优化插件
- webpack 混淆压缩 javascript 后端代码
- webpack压缩
- webpack优化
- webpack压缩react
- webpack压缩react
- webpack js压缩插件
- webpack打包压缩图片
- webpack 压缩图片
- webpack 压缩图片模块
- Webpack 打包优化之体积篇
- webpack使用优化(基本篇)
- Webpack 打包优化之体积篇
- Webpack 打包优化之体积篇
- Webpack 打包优化之速度篇
- java环境 + yuicompressor 实现代码压缩优化
- vue-cli npm run build空白页的两个坑 webpack gzip文件压缩优化打包文件
- 硬件工程师基础知识架构
- 1055. 集体照
- Struts2
- ueditor 上传的图片在内容里显示的尺寸过大的问题
- NOIP 模拟题 小G的城堡
- webpack 代码压缩优化篇
- 针对Coursera上面视频无法打开的情况+怎么查找windows的Hosts文件
- linux IIC子系统分析(七)——实例分析通过i2c-dev操作I2C设备
- Spring--1.概述
- 51nod 基础题 1005 大数加法
- JAVA问题定位大杂汇之java 虚拟机内存占用超出 -Xmx设置
- 第八周项目1
- C语言数据结构之间的区别
- main函数执行前发生了什么