1 . TreeShaking
1 . 1 why?
1 . 2 是什么?
- 用上什么(引入了什么),才会打包什么,其他不打包!!!
1 . 3 How?
- 只针对 ES Module
2 .减少 Babel 生成文件体积
2 . 1 why?
2 . 2 是什么?
2 . 3 How?
- 下载包:
npm i @babel/plugin-transform-runtime -D
- 配置:
3 . Image Minimizer
3 . 1 why?
3 . 2 是什么?(插件)
3 . 3 How?
- 下载包
npm i image-minizer-webpack-plugin imagemin -D
- 两种模式:
- 无损压缩:
- npm install imagemin-gifsicle imagemin-jpegtran imagemin-optipng imagemin -D
- 有损压缩:
- npm install imagemin-gifsicle imagemin-mozjpeg imagemin-pngquant imagemin -D
-
配置:
- 先引入插件:
配置项比较多!!
其包比较难下载: 可以去官网下载,然后移到文件里面