1. 程式人生 > >關於webpack下熱更新?&自動刷新?的小記(非vue-cli)

關於webpack下熱更新?&自動刷新?的小記(非vue-cli)

入口 實踐 創建 line color 並不會 inline -m 16px

寫本隨筆時:webpack4.6.0

為何標題用?號,因為老衲也不知是否用詞正確,大概是這樣的說法:

webpack4.0引入生產模式和開發模式,在開發時使用 webpack 打包後不壓縮,所以只需要在 webpack 打包命令中加上 --mode mode development 即可。 如果沒有 mode development 就會自動使用 production 模式,所有打包的代碼將會是壓縮過的,沒辦法調試


實踐:

index.html引入的bundle.js文件,必需是webpack-dev-server的路徑,因為bundle.js是動態創建的

關於webpack-dev-server的啟動模式,都做了測試:

在package.json下的配置:

"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"dev":"webpack-dev-server --mode development",
"server":"webpack-dev-server ",
"serverhot":"webpack-dev-server --hot --inline"
}

以development啟動: 更新速度很快,修改入口的文件,馬上刷新 沒有參數:會自動編譯並刷新,速度很慢 --hot --inline 會自動編譯,但並不會刷新,應該是針對模塊加載????

關於webpack下熱更新?&自動刷新?的小記(非vue-cli)