webpack基礎用法（3） 檔案監聽及熱更新

2 瀏覽器熱更新

2.2 使用`webpack-dev-middleware`

2.3 熱更新原理解析

檔案監聽是在發現原始碼發生變化時，自動重新構建出新的輸出檔案，是會更新到磁碟中的

webpack 開啟監聽模式，有兩種方式：

webpack輪詢判斷檔案的最後編輯時間是否變化

當某個檔案發生了變化，並不會立刻告訴監聽者，二十先快取起來，等待aggregatetimeout

module.

export
=}

使用webpack-dev-server，需要配合hotmodulereplacementplugin外掛程式使用，wds不重新整理瀏覽器，不輸出檔案，而是放到記憶體中

npm i webpack-dev-server -d

}

const webpack =

require
('webpack');
...module.exports =
}

wdm 將 webpack 輸出的檔案傳輸給伺服器，適用於靈活的定製場景

npm i webpack-dev-middleware -d

const express =

require
('express');
const webpack =
require
('webpack');
const webpackdevmiddleware =
require
('webpack-dev-middleware');
express()
;const config =
require
('./webpack.config');
const compiler =
webpack
(config)
;use
(webpackdevmiddleware
(compiler,))
;listen
(3000
,function()
)

}

webpack compile: 將js編譯成 bundle

hmr server: 將熱更新的檔案輸出給 hmr runtime

bundle server: 提供檔案在瀏覽器的訪問

python基礎3 檔案操作

f open file,mode r buffering 1,encoding none,errors none,newline none,closefd true,opener none 引數說明 mode引數 1 r 已唯讀的方式開啟檔案，檔案的指標放在檔案開頭，這是預設模式 2 w 開啟乙個檔...

Python基礎 3 檔案和網路

1 python檔案io 1 標轉的輸入和輸出 print 方法 輸出資料到標準的輸出 raw input 方法 標準的輸入 2 file檔案類 讀檔案f file 檔名，模式 有5種模式 r 唯讀 w 只寫 a 追加 b 二進位制開啟 r b 更新 f.read 是開啟這個檔案 f.close 是...

3 檔案命令

一 touch命令 命令名稱 touch 命令所在路徑 bin touch 執行許可權 所有使用者 語法 touch 檔名 功能描述 建立空資料夾 範例 touch japanlovemove.list 二 二 cat命令 命令名稱 touch 命令所在路徑 bin cat 執行許可權 所有使用者 ...