Webpack Primer

Webpack——为现代JavaScript应用而生的模块打包器。

随着JavaScript应用功能日益强大，前端工程已经不再是简单写HMTL, CSS, JS拼凑起来就运行的应用，构建前端工程的工具应运而生。Grunt, Gulp, Webpack, FIS3, Browserify, Rollup.js一一诞生，各有千秋。相比之下，Webpack算是后起之秀。

Webpack根据工程的模块依赖图，打包所有依赖的脚本，样式，图片，资源为静态资源。与其他构建工具不同（比如Grunt, Gulp强调工作流），Webpack一大特点在于可配置化。入口，出口，loaders，plugins，编译过程，分块，大部分都能通过配置化的属性解决。

可配置化的构建流程优势是易用性、可读性、可维护性。用户不太需要关心Webpack编译器本身的工作流程和细节，但也会丧失一些灵活性，当用户案例比较特殊时会难以定制。从这个意义上讲，可配置化也是一种野心，意图把所有用户案例抽象成一个个可配置的属性。Webpack的优秀设计催生了强大的loaders和众多的plugins，大大加强了定制性和灵活性。或许，正因为既能易用、又能高阶灵活定制的特性，Webpack才能从众多工具中脱颖而出。

关于

The More You Know, The More You Know You Don’t Know.

• Webpack官网: https://webpack.js.org
• 作者: swenyang
• Email: [email protected]
• GitHub: https://github.com/swenyang