九色国产,午夜在线视频,新黄色网址,九九色综合,天天做夜夜做久久做狠狠,天天躁夜夜躁狠狠躁2021a,久久不卡一区二区三区

在webpack和nodejs里，我們經(jīng)常使用require函數(shù)加載原生模塊或者開發(fā)人員自定義的模塊。

原生模塊的加載，比如：

const path = require("path");

這個語句是webpack和nodejs應(yīng)用里經(jīng)常使用到的。今天就來談?wù)勊膶崿F(xiàn)原理。

還是通過單步調(diào)試的方式來學習。

大家首先得通過我前一篇文章 webpack打包過程如何調(diào)試？學會如何調(diào)試webpack打包過程。

require函數(shù)的實現(xiàn)位于file:///internal/module.js

注意看第10行和第13行的requireDepth 加減一。因為一個module通過require被加載時，可能會遞歸地加載另外的依賴module，所以需要這個requireDepth字段來記錄加載module的深度。

這個module.js的實際地址位于當前項目文件夾下的node_modules文件夾下面：

第11行的mod變量代表什么？

從調(diào)試器看出，就是當前命令行node啟動的webpack.js:

mod.require(path)會將執(zhí)行投遞到Module._load函數(shù)：

首先會去Module._cache里檢查path模塊是否已經(jīng)加載了。在我這個例子里，path是第一次加載，所以Module._cache是空的。

那么進入NativeModule.require(filename):

nativeModule，即原生模塊，里面也有cache緩存機制。

因為path模塊顯然是原生模塊，而非開發(fā)人員自己定義的模塊，因此NativeModule.getCached返回了已經(jīng)被預(yù)加載的path模塊.

cached.exports里包含了一系列函數(shù)，這些函數(shù)就是我們nodejs應(yīng)用里經(jīng)常使用的工具函數(shù)，比如join, parse, resolve等等。

這就是nodejs和webpack里原生模塊的加載原理。希望對前端開發(fā)人員有所幫助。

要獲取更多Jerry的原創(chuàng)文章，請關(guān)注公眾號"汪子熙"