Webpack 个人理解的脑图

WebpackFlow.png

webpack.png

Webpack 特色

模块规范

Webpack 同时支持 AMD 、 CommonJS 和 ES6 module 规范。

非 javascript 模块支持

Webpack 通过 loader 实现不同类型资源的引入与打包，尽可能将组件所有依赖进行内部声明，提高内聚度便于开发和维护，这也是支持多种资源的意义所在。

代码拆分

Webpack 可以将应用代码拆分为多个块，每个块包含一个或多个模块，块可以按需被异步加载。