文章詳情頁
javascript - VUEX如何配合webpack使用熱重載?如何實現CSS熱重載?
瀏覽:141日期:2023-02-20 08:22:54
問題描述
使用webpack-dev-server來開發現在想保持vuex的狀態來更新CSS,
如果使用 webpack-dev-server --hot 可以保持狀態但只能更新js, css修改了沒反應(.vue文件里面)如果使用 webpack-dev-server --inline 可以更新CSS,但不能保持狀態
求解!
問題解答
回答1:自問自答:問題出在開發環境我用了extract-text-webpack-plugin抽出了CSS,由于瀏覽器的緩存(可能原因)導致CSS的更改沒有傳遞給瀏覽器。
因此解決辦法就是直接將CSS輸出到HTML里的style標簽,這樣CSS的熱重載就生效了(保持VUEX狀態)。也不需要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. python3.x - python連oanda的模擬交易api獲取json問題第五問2. docker - 如何修改運行中容器的配置3. nignx - docker內nginx 80端口被占用4. docker-machine添加一個已有的docker主機問題5. java - SSH框架中寫分頁時service層中不能注入分頁類6. 關于docker下的nginx壓力測試7. 為什么我ping不通我的docker容器呢???8. node.js - 我是一個做前端的,求教如何學習vue,node等js引擎?9. javascript - js代碼獲取驗證碼倒計時問題10. html5 - 百度echart官網下載的地圖json數據亂碼
排行榜
