使用 webpack 的初衷其实是想用 React。 学习 React 的时候，始终被一个问题困扰：既然组件已经模块化了，比如一个 jsx 文件对应一个组件，这个文件里包含了这个组件的 html 和 js，但是他的样式该写在哪里呢？看的网上教程都是写在 jsx 文件里，通过变量定义，或者直接就写到全局样式里面去了。通过变量写不能定义伪元素，而且在 js 里这样写一堆样式感觉很难受，但是写在全局又不符合组件化的思想。 查资料的时候发现了一个 css modules 的概念，详细可以参考 这篇文章 。当然 css 没有原生支持这种概念，但在 webpack 里，通过一个 css-loader 就能轻易使用。另外 webpack+React 也很流行的，于是我就开始学习 webpack 了。
