什么是webpack?

Webpack 是德国开发者 Tobias Koppers 开发的模块加载器兼打包工具，他将根据木块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对于的静态资源。也就是说，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理。这些文件处理压缩成线上的版本，压缩处理后，文件结构变得清晰，仅有一个html和一个js文件。

webpack.png

为什么要使用webpack?

代码拆分

webpack有两种组织模块依赖的方式，同步和异步。异步依赖作为分割点，形成一个新的块。在优化了依赖树后，每一个异步区块都作为一个文件被打包。

Loader

webpack本身只能处理原生的Javascriot模块，但是loader转换器可以将各种类型的资源转化成Javascript模块。它本身是一个函数，接受源文件作为参数，返回转换的结果。这样，我们就可以通过require来加载任何类型的模块或文件，比如coffeeScript、JSX、LESS或图片。

智能解析

webpack有一个智能解析器，几乎可以处理任何第三方库，无论他们的模块形式是ComnonJs、AMD还是普通的JS文件。甚至在加载依赖的时候，允许使用动态表达式require("./template/" + name + ".jade")。
插件系统
webpack还有一个功能丰富的插件系统。大多数内容功能都是基于这个插件系统运行的，还可以开发和使用开源的webpack插件，来满足各式各样的需求。

快速运行

webpack使用异步I/O和多级缓存提高运行效率，这使得webpack能够以令人难以置信的速度快速增量编译。

怎样使用webpack?

点击webpack学习笔记- 入门篇具体查看