学习 `webpack` 从 `青铜` 走向 `最强王者` 的道路。

webpack基本了解

Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔，等到实际需要的时候再异步加载。通过 loader 的转换，任何形式的资源都可以视作模块，比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 LESS 等。

以上是官方对

webpack

的概述。
我的理解很简单，在

webpack

就是

资源管理器

,能将任何形式的资源都能按照模块化管理起来。就比如图书馆按照一定类别，出版时间、作者等等规则，将庞大的书籍有序的摆放，当我们需要某一本书时，只需按照它的类型、作者等条件去找，很快能找到。
当然它还有另一个功能:

对资源的处理

。说道这里，就必须提到

gulp、grunt

。很多人误以为它们是竞争对手, 但是事实上，它们可以相互合作。像

gulp

这类工具，主要做的是最资源的加工处理，比如 编译

less

、资源的合并压缩等等。所以两者可以相互合作。当然

webpack

也提供了这一系列的功能

loader

其实很多这类插件都是从

gulp

中整合过来的。
总而言之,对于现在的前端，学习

webpack

的一些知识还是非常有必要的。就比如一个士兵，本来用小米加步枪，现在用

ak-47

整体战斗能力将提升很大。

学习目标

能独立构建中小型项目的前端自动化工具。

对

wepack

的原理进行深入学习

构建一个自己的

webpack

主要段位

青铜段（基本功能）

黄金段（热更新）

白金段（构建生产环境）

钻石段（整体的优化）

[大师 V（？？？）] - 还未达到

[大师 VI（？？？）] - 还未达到
......(未完待续)

社区

https://doc.webpack-china.org/ 放心点把，是中文的。哈哈~~~~~~~

License

MIT