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

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

Webpack 现在是 React 应用程序标配的模块打包器，我估计 Angular2 和其他框架的用户也在大规模使用。我第一次看到 Webpack 配置文件的时候，感觉实在太陌生，太混乱了。在玩了一段时间后，我现在觉得是 Webpack 独特的语法和新的理念导致了初学阶段的复杂度。顺便说一下，也正是因为这些理念，才让 Webpack 如此受欢迎。