學(xué)習(xí)源碼，在于了解整體結(jié)構(gòu)，對整個機(jī)制有一個整體了了解，做到心里有數(shù)，而不是看別人怎么用就怎么用，不報錯就行。

獲取源碼

首先，先到github中獲取源碼。

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

尋找入口

獲取到源碼以后，首先要找到入口。

webpack是一個npm包，所以可以在package.json中找到對應(yīng)的入口，即："main": "lib/webpack.js",

webpack.js解讀

webpack.js里只有兩個成員webpack(options, callback) 和exportPlugins(obj, mappings)

webpack函數(shù)的作用

檢查options

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

實例一個WebpackOptionsDefaulter對象，并調(diào)用process為options初始化默認(rèn)屬性

創(chuàng)建一個compiler，并初始化Pliugins，如果有callback就調(diào)用，然后返回。

在這中間還調(diào)用了NodeEnvironmentPlugin做了一些Node環(huán)境的設(shè)置（暫時不管）

exportPlugins的作用

從下圖中可以看出，這是用來導(dǎo)出默認(rèn)實現(xiàn)的Plugins的，暫時可以不用管，后續(xù)可以查看導(dǎo)出了什么插件。

總結(jié)

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

本章內(nèi)容內(nèi)容：

• webpack入口
• lib/webpack.js的主要內(nèi)容

下一章內(nèi)容

• compiler對象

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。