webpack loader 的執行過程

Quinggor發表於2018-09-28

webpack  loader 的執行過程

loaderRunner

webpack 的 NormalModule 的 doBuild 函式呼叫了 loaderRunder 元件的 runLoaders 去 載入loader 並且 執行loader 工廠方法

過程

1.呼叫runLoader 執行初始化

2.iteratePitchingLoaders 遍歷陣列

3.loadLoader 載入loader,通過require() 方式載入。 並且把載入的工廠方法掛載到 loaderContext.loader 的 normal 中

4.如果loader 包含pitch 函式,則立即執行

5.如果是最後一個loader, 呼叫processResource 載入原始碼

6.否則載入下一個loader

7.呼叫processResource載入待編譯的原始碼 並將原始碼傳遞給 iterateNormalLoaders 執行

8.iterateNormalLoaders 呼叫 runSyncOrAsync

9.runSyncOrAsync 呼叫 loader 的工廠函式,獲得編譯後的結果

相關文章