国产成人精品亚洲777人妖,欧美日韩精品一区视频,最新亚洲国产,国产乱码精品一区二区亚洲

您的位置:首頁技術文章
文章詳情頁

javascript - VUEX如何配合webpack使用熱重載?如何實現CSS熱重載?

瀏覽:149日期: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
相關文章:
主站蜘蛛池模板: 芦溪县| 娄烦县| 封丘县| 固阳县| 北海市| 常熟市| 阳新县| 桂林市| 苏尼特左旗| 四平市| 儋州市| 瓦房店市| 长兴县| 荣昌县| 忻城县| 广水市| 滕州市| 平阴县| 湛江市| 楚雄市| 确山县| 长汀县| 岳池县| 扶沟县| 广灵县| 长岭县| 浙江省| 叙永县| 万州区| 佛教| 双城市| 金华市| 寿阳县| 平邑县| 永州市| 禹州市| 安溪县| 定结县| 仁化县| 伊金霍洛旗| 松江区|