webpack是现在很热门的一个前端构建工具，采取了模块化的解决方案，把前端工程中的一切都当做一个个模块来处理。具体怎么科学的解释这玩意我也说不好，大家关心的是它能用来干啥，本着实用主义的原则，有用就是王道。有的同学可能要问了，我Grunt和Gulp玩的贼溜，还要学这个东西么？我想说的是潮流！潮流你懂么？做前端不就是赶潮流，会用工具，至于原理什么的都是浮云。其实Gulp里有个插件叫gulp-webpack，可以把webpack整合进Gulp中使用，这个以后再研究啦！

先放个官网上的图，说明了webpack的作用—-

目前webpack官方已经更新到了3，2和3的区别不是很大，但是1和2确是破坏性的更新。大家都懂的，整天跟版本较劲，心有多累~并且大部分网上的教程还停留在1的阶段，于是我使用最新的webpack3，照着1的一篇教程边看官方文档和查资料，爬了半天总算从坑里爬了出来。