久久r热视频,国产午夜精品一区二区三区视频,亚洲精品自拍偷拍,欧美日韩精品二区

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

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
相關文章:
主站蜘蛛池模板: 渝中区| 高阳县| 峡江县| 龙游县| 咸阳市| 孝感市| 古浪县| 大悟县| 兴文县| 泸州市| 桂林市| 库伦旗| 阿坝县| 西畴县| 满城县| 榆树市| 上高县| 沂南县| 宁德市| 乌什县| 剑川县| 定结县| 保康县| 获嘉县| 永吉县| 福海县| 砚山县| 阿拉善盟| 哈密市| 六安市| 理塘县| 翼城县| 衡阳市| 岳阳县| 石柱| 英德市| 泗阳县| 海淀区| 杭州市| 临洮县| 红原县|