Webpack 作为前端领域最重要的构建工具,任何一个优秀的前端工程师必定需要对它有比较深入的了解。本系列文章会带您深入理解 webpack 的实现原理,阅读关键代码,并自己实现一些简单的功能。
这个系列总共包括 8 篇文章,首先分析我们常用的一些 loader,然后看 webpack 核心代码的工作流程,最后探讨 HMR 以及 tree-shaking 等特性。
文章全部放在 github 上,地址: https://github.com/lihongxun945/diving-into-webpack
文章目录:
- 我对 webpack 的看法以及本系列文章的规划
- 写一个自己的 babel-loader
- style-loader 和 css-loader
- file-loader 和 url-loader
- bundle.js 内容分析
- webpack 处理流程分析
- HMR 热更新原理
- Tree shaking