Appearance
学习webpack
基础
📺 视频:
- 🔥 「前端工程化」之 Webpack 原理与实践(彻底搞懂吃透 Webpack)汪磊原版 - @bilibili
- 讲的非常的好,看完基本入门
- 对一些原理性的东西也会讲到,非常的推荐观看
深入
🧾文章:
- 🔥Webpack: An in-depth introduction to SplitChunksPlugin Webpack:SplitChunksPlugin - @indepth.dev 理解如何分包必读🚀
- 深入的讲解了
SplitChunksPlugin
的作用,原理,分包规则 - 2个默认的缓存组
cacheGroups
,以及如何禁用某个默认缓存组default
- 处理node_modules
之外的modules的分包defaultVendors
- 处理来自node_modules
的modules的分包
- 分包的条件
chunks
-initial
|async
(默认值) |all
minChunks
- module被chunks引入的最小次数minSize
- module的最小尺寸,单位bytes- 等等
- 深入的讲解了