學習源碼，在于了解整體結構，對整個機制有一個整體了了解，做到心里有數，而不是看別人怎么用就怎么用，不報錯就行。

獲取源碼

首先，先到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函數的作用

檢查options

檢查是否是MultiCompiler的情況（貌似還沒用過，先不管）

實例一個WebpackOptionsDefaulter對象，并調用process為options初始化默認屬性

創建一個compiler，并初始化Pliugins，如果有callback就調用，然后返回。

在這中間還調用了NodeEnvironmentPlugin做了一些Node環境的設置（暫時不管）

exportPlugins的作用

從下圖中可以看出，這是用來導出默認實現的Plugins的，暫時可以不用管，后續可以查看導出了什么插件。

總結

這一章只是簡單的看了一下入口文件進行一個簡單的了解。

本章內容內容：

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

下一章內容

• compiler對象

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的Webpack 源码学习系列（一）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。