webpack的輸出管理

2022-07-08 15:15:24 字數 487 閱讀 6306

官方文件

手動地對index.html進行檔案管理,比如匯入bundle,特別是有多個bundle時,就比較麻煩了。如果bundle的名稱是hash的,就更加麻煩了。所以有必要使用工具來管理輸出。

const path = require('path');

const config =,

output: ,

plugins: [

//new bundleanalyzerplugin()]};

module.exports = config;

輸出:

這裡可以看到,輸出的bundle檔案都是帶有hash的,那麼當我們需要在index.html引用這些檔案時,每build一次都需要更新index.html,這是比較麻煩的。可以使用htmlwebpackplugin來解決這個問題。

webpack 輸出管理及打包單檔案元件

你會發現,當你打包結束的時候,如果index.html在根目錄直接執行的話,那麼資源這些路徑就無法訪問到了。解決方案是把index.html放入dist目錄中,但是dist是打包編譯的結果而非原始碼,所以把index.html放到dist中就不合適,而且你也會發現,我們打包的結果檔名 bundle....

輸入輸出管理

一 i o管理的基本概念 1.計算機外部裝置 計算機系統中除cpu和內儲存外所有的裝置和裝置稱為計算機外部裝置 外圍裝置 i o裝置 包括 a.儲存裝置 以塊為單位儲存資訊,又稱為塊裝置 b.i o裝置 用於向計算機輸入和輸出資訊的裝置 c.通訊裝置 負責計算機之間的資訊傳輸 2.裝置管理的目標 a...

顯示時間與輸出管理

要求 顯示當前時間,格式為hh mm ss,並儲存到檔案time.txt檔案中 顯示 etc passwd檔案的第15 18行內容 顯示 bin中檔案包含大寫字母的檔案,儲存到bin westos file.txt檔案中,並統計個數顯示到螢幕 在student使用者下查詢 etc下passwd檔案,...