小册描述
目录
- 第5章 样式处理
- 5.1 分离样式文件
- 5.1.1 extract-text-webpack-plugin
- 5.1.2 多样式文件的处理
- 5.1.3 mini-css-extract-plugin
- 5.2 样式预处理
- 5.2.1 Sass与SCSS
- 5.2.2 Less
- 5.3 PostCSS
- 5.3.1 PostCSS与Webpack
- 5.3.2 自动前缀
- 5.3.3 stylelint
- 5.3.4 CSSNext
- 5.4 CSS Modules
- 第6章 代码分片
- 6.1 通过入口划分代码
- 6.2 CommonsChunkPlugin
- 6.2.1 提取vendor
- 6.2.2 设置提取范围
- 6.2.3 设置提取规则
- 6.2.4 hash与长效缓存
- 6.2.5 CommonsChunkPlugin的不足
- 6.3 optimization.SplitChunks
- 6.3.1 从命令式到声明式
- 6.3.2 默认的异步提取
- 6.3.3 配置
- 6.4 资源异步加载
- 6.4.1 import()
- 6.4.2 异步chunk的配置
- 第7章 生产环境配置
- 7.1 环境配置的封装
- 7.2 开启production模式
- 7.3 环境变量
- 7.4 source-map
- 7.4.1 source-map原理
- 7.4.2 source-map配置
- 7.4.3 source-map安全
- 7.5 资源压缩
- 7.5.1 压缩JavaScript
- 7.5.2 压缩CSS
- 7.6 缓存
- 7.6.1 资源hash
- 7.6.2 输出动态HTML
- 7.6.3 使chunk id更稳定
- 7.7 bundle体积监控和分析
- 第8章 打包优化
- 8.1 HappyPack
- 8.1.1 工作原理
- 8.1.2 单个loader的优化
- 8.1.3 多个loader的优化
- 8.2 缩小打包作用域
- 8.2.1 exclude和include
- 8.2.2 noParse
- 8.2.3 IgnorePlugin
- 8.2.4 缓存
- 8.3 动态链接库与DllPlugin
- 8.3.1 vendor配置
- 8.3.2 vendor打包
- 8.3.3 链接到业务代码
- 8.3.4 潜在问题
- 8.4 去除死代码
- 8.4.1 ES6 Module
- 8.4.2 使用Webpack进行依赖关系构建
- 8.4.3 使用压缩工具去除死代码