前端的代码分片，或者说是按需加载，本质上是由于前端页面越来越复杂，代码体积越来越大，程序员需要对页面资源的加载做细粒度的控制。按需加载当然是好东西，但是会让页面逻辑变得更加复杂。好在webpack出现，让按需加载变得简单多了。

Webpack有几个和模块化相关的loader，imports-loader,exports-loader,expose-loader，比较容易混淆。今天，我们来理一理。

对于webapck的初学者来讲，最受挫的就是引入jQuery及jQuery插件时，总是会遇到各种问题。在网上一搜，总能发现多种解决方案，什么externals，providePlugin，vendor,export-loader等等。我们搞不清楚，为什么会有那么多的引用方法，我只是想引用一个jQuery插件而已。其实，webpack引用jQuery困难，是因为jQuery插件众多...

注：本文重点不是怎样配置webpack.config.js并实现相应的功能，而是通过对比webpack编译前和编译后文件，探究webpack打包后的文件是怎样加载执行的。本文讨论commonJS模块化方案时，webpack的打包工作。为了便于讨论，我们准备了一个非常简单的例子，涉及三个文件，分别是