webpack
webpack与gulp的区别，gulp能实现哪些webpack做不到的
grunt和gulp是基于任务和流的。找到一个文件，对其做一系列链式操作，更新流上的数据，整条链式操作构成了一个任务，多个任务就构成了铮哥web的构建过程。
webpack是基于入口的。webpack会自动的递归解析入口所需要家在的所有资源文件，然后用不同的loader来处理不同的文件，用plugin来扩展webpack功能。
webpack原理
- 识别入口文件
- 逐层识别模块依赖
- 分析代码/转换代码/编译代码/输出代码
- 最后形成打包后的代码
webpack优化
dllplugin
commonchunks
extinals
clean
webpack loader plugin
loader直译为“加载器”，webpack将一切文件视为模块，但webpack原生只能解析js文件，如果想将其他文件也打包的话，就会用到loader。所以loader的作用是让webpack拥有了加载和解析非js文件的能力。 loader-utils。
plugin直译为“插件”，plugin可以扩展webpack的功能，让webpack拥有更多的灵活性。在webpack运行的生命周期中广播出许多事件，plugin可以监听这些事件，在合适的时机通过webpack提供的api改变输出结果。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。