Webpack 一些概念

2022-06-21 11:36:14 字數 882 閱讀 6153

打包工具有多種,實際中 webpack 接觸的比較多,目前中文文件跟英文文件有些對不上,其中有些概念比較分散,對此進行集中的整理。

任何時候,乙個檔案依賴於另乙個檔案,webpack 把這種情況視為依賴關係。這讓 webpack 可以接受非**資源,例如或字型,並且可以將它們作為依賴提供給你的應用程式。

當 webpack 處理你的程式時,可能是從命令列或配置檔案中定義的一系列模組開始。從入口檔案開始,webpack 遞迴地構建乙個依賴圖(dependency graph),這個依賴圖包含著應用程式所需的每個模組,並生成乙個或多個bundle,可由瀏覽器載入。

指將**分成不同的bundles/chunks,然後可以按需載入,而不是載入包含所有內容的單個bundles

webpack 提供了一種使用稱為substitution(可替換模板字串) 的方式,通過帶括號字串來模板化檔名。

模版描述

[hash]

模組識別符號的 hash。修改乙個模組,其它模組生成的 hash 都會變。

[contenthash]

檔案內容的 hash,每個都不相同。只有改變了內容的檔案的 hash 才會變。

[chunkhash]

chunk 內容的 hash。乙個檔案改變,其關聯的檔案 hash 也會變。

[name]

模組的名稱

[id]

模組識別符號

[query]

模組的 query,例如檔名 ? 後面的字串

[function]

返回檔名稱的方法

back to top

Webpack 一些概念

打包工具有多種,實際中 webpack 接觸的比較多,目前中文文件跟英文文件有些對不上,其中有些概念比較分散,對此進行集中的整理。任何時候,乙個檔案依賴於另乙個檔案,webpack 把這種情況視為依賴關係。這讓 webpack 可以接受非 資源,例如或字型,並且可以將它們作為依賴提供給你的應用程式。...

澄清一些概念

參考 以前一直分不清 authentication 和 authorization,其實很簡單,舉個例子來說 你要登機,你需要出示你的 passport 和 ticket,passport 是為了證明你張三確實是你張三,這就是 authentication 而機票是為了證明你張三確實買了票可以上飛機...

Windws OS 一些概念

答 並行是多個執行緒同時進行 併發是多個執行緒在同一時間段內進行。並行優於併發。1.函式呼叫 同步是函式執行完畢才返回,絕大多數函式都是這樣的 非同步是函式開始執行時就返回,自己的執行仍在繼續,本質是多執行緒。2.執行緒排程 同步 各執行緒間有明確的次序關係。互斥 臨界資源某一時刻只能被乙個執行緒訪...