一、什么是 Tree Shaking Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术，它会在运行过程中静态分析模块之间的导入导出，确

5. 执行打包命令 在浏览器中打开 dist 下的 index.html，如果一切访问都正常，你应该能看到以下文本：'Hello webpack'。 1. 添加 webpack.config.js 配置文件 2. 添加 NPM 脚本 1. 下载 react 和 react-do…

从上面的闭包中，我们看到在闭包函数的最后，调用了 __webpack_require__("./src/index.js"); , webpack_require 看名字就知道，就是加载一个 module。整体执行过程如下：

Hot Module Replacement（以下简称 HMR）是 webpack 发展至今引入的最令人兴奋的特性之一 ，当你对代码进行修改并保存后，webpack 将对代码重新打包，并将新的模块发送到浏览器端，浏览器通过新的模块替换老的模块，这样在不刷新浏览器的前提下就能够对…

本文的初衷是和你一起理清webpack的使用逻辑，以便能更加容易的编写及拓展自己项目所需的配置文件。不过也得提前说明本文可能并不是一篇好的可以跟着操作的教程（想跟着一步步做的童鞋可以看官方示例（https://webpack.js.org/guides/）和 webpack 入门，看这篇就够了（http://www.jianshu.com/p/42e11515c10f）。