關於webpack下熱更新?&自動刷新?的小記(非vue-cli)
阿新 • • 發佈:2018-06-25
入口 實踐 創建 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)