webpack 源码解析系列

Webpack 源码解析

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

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

文章全部在github上 diving-into-webpack

文章目录:

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

相关源码

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

提出你的问题

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

言川@2018

你可能感兴趣的:(webpack)