文章詳情頁
javascript - VUEX如何配合webpack使用熱重載？如何實現CSS熱重載？
瀏覽：113日期：2023-02-20 08:22:54
問題描述
使用webpack-dev-server來開發(fā)現在想保持vuex的狀態(tài)來更新CSS，
如果使用 webpack-dev-server --hot 可以保持狀態(tài)但只能更新js, css修改了沒反應（.vue文件里面）如果使用 webpack-dev-server --inline 可以更新CSS，但不能保持狀態(tài)
求解！
問題解答
回答1：自問自答：問題出在開發(fā)環(huán)境我用了extract-text-webpack-plugin抽出了CSS，由于瀏覽器的緩存（可能原因）導致CSS的更改沒有傳遞給瀏覽器。
因此解決辦法就是直接將CSS輸出到HTML里的style標簽，這樣CSS的熱重載就生效了（保持VUEX狀態(tài)）。也不需要vue-hot-reload-api,vue-loader自帶了。
有一點疑問，為什么js也是抽出來單獨一個文件，但卻支持熱重載，沒有緩存的問題，然而CSS卻有。我覺得可能與vue-loader的熱重載底層實現有關。
回答2：可以參考我的這篇博客：
http://ewind.us/2017/webpack-...
NPM 命令采用 webpack-dev-server --hot --inline 即可。另外記得添加 vue-hot-reload-api 依賴。
標簽：
JavaScript
上一條：javascript - var x = "[{’a’:’xx’},{’b’:’xxx’}]";如何在js中解析成json對象下一條：javascript - jquery怎么讓a標簽跳轉后保持tab的樣式
相關文章：
1. pip安裝提示Twisted錯誤問題（Python3.6.4安裝Twisted錯誤）2. javascript - 關于css絕對定位在ios瀏覽器被橡皮筋遮擋的問題3. 關于Mysql聯(lián)合查詢4. centos7 編譯安裝 Python 3.5.1 失敗5. mysql - 這個數據庫合計用 視圖做,和直接算好存在數據庫里,到時候調用起來哪個快?6. python - beautifulsoup獲取網頁內容的問題7. python - 能通過CAN控制一部普通的家用轎車嗎？8. 人工智能 - python 機器學習 醫(yī)療數據 怎么學9. mysql - 分庫分表、分區(qū)、讀寫分離 這些都是用在什么場景下 ，會帶來哪些效率或者其他方面的好處10. c++ - 請問MySQL_Connection::isReadOnly 怎么解決？
排行榜
網公網安備