Webpack 源码学习系列（一）

学习源码，在于了解总体结构，对整个机制有一个总体了了解，作到内心有数，而不是看别人怎么用就怎么用，不报错就行。

获取源码

首先，先到github中获取源码。

git clone https://github.com/webpack/webpack.git

寻找入口

获取到源码之后，首先要找到入口。

webpack是一个npm包，因此能够在package.json中找到对应的入口，即："main": "lib/webpack.js",

webpack.js解读

webpack.js里只有两个成员webpack(options, callback) 和exportPlugins(obj, mappings)

webpack函数的做用

1. 检查options
   
2. 检查是不是MultiCompiler的状况（貌似还没用过，先无论）
3. 实例一个WebpackOptionsDefaulter对象，并调用process为options初始化默认属性
4. 建立一个compiler，并初始化Pliugins，若是有callback就调用，而后返回。
   
5. 在这中间还调用了NodeEnvironmentPlugin作了一些Node环境的设置（暂时无论）

exportPlugins的做用

从下图中能够看出，这是用来导出默认实现的Plugins的，暂时能够不用管，后续能够查看导出了什么插件。

总结

这一章只是简单的看了一下入口文件进行一个简单的了解。

本章内容内容：

• webpack入口
• lib/webpack.js的主要内容

下一章内容

• compiler对象