webpack dev server打包專案

2021-10-24 01:55:27 字數 639 閱讀 3685

webpack-dev-server打包生成的 js 檔案在哪?

在記憶體中。 由於我們每次儲存頁面都會導致重新打包檔案,因此為了更快速的構建,webpack-dev-server 把生成的js檔案放到記憶體中,眾所周知在記憶體中的速度是十分快的。

外掛程式: html-webpack-plugin

這個外掛程式的通常用法是根據指定的index.html模板生成乙個存在於記憶體中的index.html,它會自動引入webpack-dev-server打包出的在記憶體中的bundle.js檔案,在我們開發的時候,可以去請求這個存在於記憶體中的index.html,這樣可以有效的減少讀取物理磁碟中內容而導致的重新整理滯後

new htmlwebpackplugin(

),

這裡,template 指的就是模板檔案所在的位置,而filename則代表生成檔案的名字。

如果不進行配置的話,html-webpack-plugin預設生成的index.html的位置與我們在output中配置的是一樣的。我們檢視output中的path的位置在dist資料夾下,那麼生成的index.html檔案將會在dist資料夾中,但是我們檢視不到,因為它是在記憶體中。

webpack dev server打包專案

在記憶體中。由於我們每次儲存頁面都會導致重新打包檔案,因此為了更快速的構建,webpack dev server 把生成的js檔案放到記憶體中,眾所周知在記憶體中的速度是十分快的。這個外掛程式的通常用法是根據指定的index.html模板生成乙個存在於記憶體中的index.html,它會自動引入we...

webpack dev server配置失敗的原因

webpack dev server是webpack官方提供的乙個小型express伺服器。使用它可以為webpack打包生成的資源檔案提供web服務。主要提供了2個功能 為靜態檔案提供服務 自動重新整理和熱替換 hmr 一般的專案檔案結構為 src views index.js module a ...

Electron 打包注意項

本文主要講的是在用electron打包現有的工程時遇到的問題,然後怎麼解決 1.html頁面引用的js檔案不起作用?注意jquery的引用最好放在第一位 1 全域安裝jquery 全域外掛程式不能帶 js 副檔名,require裡不要帶檔案字尾 2 非全域安裝jquery stackoverflow...