webpack一些插件的功能

1 webpack插件 webpack-spritesmith来自动合成精灵图.

2 tree-shaking 去掉多余的代码和console. log语句

3 compression-webpack-plugin 前端配置gizp后台也需要配置

4 UglifyJsPlugin 压缩js文件

5 optimize-css-assets-webpack-plugin减小css打包体积

6 ParallelUglifyPlugin开启多个进程加快代码压缩

7 terser-webpack-plugin
Webpack4.0 默认是使用 terser-webpack-plugin 这个压缩插件,在此之前是使用 uglifyjs-webpack-plugin,两者的区别是后者对 ES6 的压缩不是很好,同时我们可以开启 parallel 参数,使用多进程压缩,加快压缩。

8 热更新插件

9 clean-webapck-plugin清理上次打包的bundle

相关文章

一准备工作umi为react的一个封装比较nice的脚手架。优点当然...
webpack在引入两个依赖的包时,可能需要使用shimming,意思是...
  Happypack (plugin)多线程使用loader编译文件treeshaki...
一目录结构├──build//构建相关├──config//配置相关├─...
接着第一节的demo现在我们尝试整合一些其他资源,比如图像,...
webpack的打包原理识别入口文件通过逐层识别模块依赖(Common...