Webpack 做 Node.js 代码热替换, 第一步

Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔，等到实际需要的时候再异步加载。通过 loader 的转换，任何形式的资源都可以视作模块，比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 LESS 等。

介绍如何根据需要搭建一套工作流，由浅入深。

你可能已经在前端社区听过这个称为 Webpack 的新玩意儿了。有人将它当作像 Gulp 的构建工具，也有人把它作为一个类似 Browserify 的模块管理器，如果你没有深入研究的话，你可能会因此感到困惑。但另一方面，如果你已经了解过它了，你大概还是会感到疑惑，因为官网表示 Webpack 身兼两职。

在 Webpack 2 的文档 完成之后，就会推出 Webpack 2 的 beta 版本, 但这并不意味着你知道怎么配置 Webpack 2, 却不能在项目中使用 Webpack 2

阅读本文之前，先看下面这个 webpack 的配置文件，如果每一项你都懂，那本文能带给你的收获也许就比较有限，你可以快速浏览或直接跳过；如果你和十天前的我一样，对很多选项存在着疑惑，那花一段时间慢慢阅读本文，你的疑惑一定一个一个都会消失；如果你以前没怎么接触过 Webpack，如果你对 webpack 感兴趣，本文中有一个贯穿始终的例子，如果你能把这个例子自己动手写一次，写完以后你会发现你已明明白白的走进了 Webpack 的大门。