[TOC] <br/><br/><br/> # <b style="color:#4F4F4F;">簡介說明</b> 原文鏈接： - [NODE_MODULE_VERSION](https://nodejs.org/zh-cn/download/releases/) - [QuickJS Github](https://github.com/quickjs-zh/QuickJS) ``` 版本：NodeJS 作用：一個基于 Chrome V8 引擎的 JavaScript 運行環境 ``` <br/> # <b style="color:#4F4F4F;">內置對象</b> <br/> # <span style="color:#619BE4">__dirname</span> ***** 文件所在目錄路徑 <br/> # <span style="color:#619BE4">__filename</span> ***** 文件所在路徑 <br/> # <span style="color:#619BE4">require()</span> ***** 導入模塊 <br/> # <span style="color:#619BE4">require.resolve()</span> ***** 查詢某個模塊的完整路徑 <br/> # <span style="color:#619BE4">require.main</span> ***** 與module相同時代表直接運行的模塊 <br/> # <span style="color:#619BE4">require.cache</span> ***** 加載緩存的模塊包 <br/> # <span style="color:#619BE4">~~[aba]-require.extensions~~</span> ***** 定義如何處理不同文件擴展名的解析 <br/> # <span style="color:#619BE4">module</span> ***** 模塊屬性 <br/> # <span style="color:#619BE4">~~[aba]-module.parent~~</span> ***** 需要此模塊的模塊 <br/> # <span style="color:#619BE4">module.children</span> ***** 這是第一次需要的模塊對象 <br/> # <span style="color:#619BE4">module.path</span> ***** 模塊的目錄名稱 <br/> # <span style="color:#619BE4">module.filename</span> ***** 模塊的完全解析文件名 <br/> # <span style="color:#619BE4">module.paths</span> ***** 模塊的搜索路徑 <br/> # <span style="color:#619BE4">module.id</span> ***** 模塊的標識符 <br/> # <span style="color:#619BE4">module.isPreloading</span> ***** 模塊是否在 Node.js 預加載階段運行 <br/> # <span style="color:#619BE4">module.loaded</span> ***** 模塊是否已完成加載，或者是否正在加載過程中 <br/> # <span style="color:#619BE4">module.require()</span> ***** 提供了一種加載模塊的方法，就好像是從原始模塊調用的一樣 <br/> # <span style="color:#619BE4">import.meta</span> ***** 導入信息元數據 <br/> # <span style="color:#619BE4">exports</span> ***** module.exports的別名 <br/> # <b style="color:#4F4F4F;">webpack</b> <br/> # <span style="color:#619BE4">require.context()</span> ***** webpack遍歷包 <br/> ### 參數說明 <b style="color:#808080;">directory:</b> * 類型：字符串 * 默認值：無 * 描述：表示檢索的目錄 * 可選值：[ ] <b style="color:#808080;">useSubdirectories:</b> * 類型：字符串 * 默認值：無 * 描述：表示是否檢索子文件夾 * 可選值：[ ] <b style="color:#808080;">regExp:</b> * 類型：字符串 * 默認值：無 * 描述：匹配文件的正則表達式,一般是文件名 * 可選值：[ ] <b style="color:#808080;">mode:</b> * 類型：字符串 * 默認值：無 * 描述：加載模式，同步/異步 * 可選值：[ ] <br/> # <span style="color:#619BE4">require.include()</span> ***** 包含依賴項而不執行它 <br/> # <span style="color:#619BE4">require.resolveWeak()</span> ***** 弱引用依賴 <br/> # <span style="color:#619BE4">require.ensure()</span> ***** webpack代碼分割，import()方法的替代品 <br/> # <span style="color:#619BE4">import()</span> ***** 模塊動態加載方法 <br/> ### *Magic Comments <span style="color:red;">1. 舉例說明</span> - webpackChunkName：新的Chunk的名稱 - webpackMode：解析動態導入的模式 - webpackExports：告訴 webpack 僅捆綁動態模塊的指定導出 - webpackInclude：只有匹配的模塊才會被捆綁 - webpackExclude：任何匹配的模塊都不會被捆綁 - webpackPrefetch：告訴瀏覽器將來某些導航可能需要該資源 - webpackPreload：告訴瀏覽器在當前導航期間可能需要該資源 - webpackIgnore：禁用動態導入分析 <br/>