lihongxun945 / diving-into-webpack

webpack 源码解析系列

Webpack 源码解析

Webpack 作为前端领域最重要的构建工具,任何一个优秀的前端工程师必定需要对它有比较深入的了解。本系列文章会带您深入理解webpack的实现原理，阅读关键代码，并自己实现一些简单的功能。

这个系列总共包括8篇文章，首先分析我们常用的一些loader，然后看webpack核心代码的工作流程，最后探讨HMR以及tree-shaking等特性。

文章目录：

• 我对webpack的看法以及本系列文章的规划
• 写一个自己的babel-loader
• style-loader和css-loader
• file-loader和url-loader
• bundle.js内容分析
• webpack处理流程分析
• HMR热更新原理
• Tree shaking

相关源码

所有相关的源码都在这里 my-webpack-loader

提出你的问题

如果你有任何问题或者建议，欢迎以Issue的方式提出来共同探讨。

言川@2018

diving-into-webpack's Issues

bundle.js

bundle.js内容分析和webpack流程处理分析中描述的不一致，前面说是先序遍历，后面又说是中序遍历

想请问大佬是怎么学习下来。。

这篇看起来有点吃力。。可以分享下学习思路。。

style loader

style loader 里面是怎么执行到css loader里面的，style load从pitch里面直接返回的内容不是就会终止后面的loader的执行吗，然后返回的内容的就作为loader 执行后的内容了，这里没看懂