webpack dev server的自動更新配置

2021-09-07 13:13:46 字數 683 閱讀 3840

一、背景

測試發布乙個專案,修改jsx中的內容,頁面不自動更新。

每次必須執行npm run build;然後執行npm run start。

指令碼如下:

"

scripts

": ,

build每次要花6秒左右,效率實在不高。

二、檢查

1. webpack.config.js

module.exports =

看的出,執行檔案打包成bundle.js,存放路徑在dist目錄下。

2. index.html

引用了生成的專案檔案bundle.js。

三、原因

webpack-dev-server動態生成的包並不發布到你的真實目錄中(dist/),而是放在了記憶體中。

四、解決

將專案的指向配置到虛擬伺服器中。

修改index.html中的src路徑為:

五、測試

1

. 執行npm run build。

2. 然後執行npm run start。

3. 修改jsx檔案,儲存。

哈哈,自動更新了。

這些再也不用修改乙個label命名也要重啟了- -!

自動更新原理

安裝補丁的時候,客戶端的主程式一般是要關閉的,除非採用動態解除安裝 調入元件的技術,比如網路遊戲,就是盡量讓玩家邊玩遊戲邊更新。人們嫌這樣的公升級仍然太麻煩,後來出現了b s結構,大家像抓住了救命稻草一樣的追捧至今,希望能從這些勞動中解脫出來。b s結構就是瀏覽器 伺服器結構,它所有的功能,都是在瀏...

自動更新元件

一些說明 自動更新幾乎每個程式都有。而自動更新的基本方法就是 1.比較本地版本與伺服器上的版本,做出是否需要更新的判斷 配置檔案的格式如下 xml version 1.0 encoding gb2312 configmodel xmlns xsi xmlns xsd ver 2.0ver 版本號 p...

自動更新元件

一些說明 自動更新幾乎每個程式都有。而自動更新的基本方法就是 1.比較本地版本與伺服器上的版本,做出是否需要更新的判斷 配置檔案的格式如下 xml version 1.0 encoding gb2312 configmodel xmlns xsi xmlns xsd ver 2.0ver 版本號 p...