参考 #
文档 https://webpack.docschina.org
demo https://github.com/ruanyf/webpack-demos
构建一般做哪些事情？ #
代码转换：将 TypeScript 编译成 JavaScript、将 SCSS 编译成 CSS 等。
文件优化：压缩 JavaScript、CSS、HTML 代码，压缩合并图片等。
代码分割：提取多个页面的公共代码，提取首屏不需要执行部分的代码让其异步加载。
模块合并：在采用模块化的项目里会有很多个模块和文件，需要通过构建功能将模块分类合并成一个文件。
自动刷新：监听本地源代码的变化，自动重新构建、刷新浏览器。
代码校验：在代码被提交到仓库前需要校验代码是否符合规范，以及单元测试是否通过。
自动发布：更新代码后，自动构建出线上发布代码并传输给发布系统。
Webpack #
Loader #
在 webpack 的配置中，loader有两个属性：
test属性，识别出哪些文件会被转换。use属性，定义出在进行转换时，应该使用哪个 loader。
Modulers #
在模块化编程中，开发者将程序分解为功能离散的 chunk，并称之为模块。