文章詳情頁(yè)
javascript - VUEX如何配合webpack使用熱重載？如何實(shí)現(xiàn)CSS熱重載？
瀏覽：274日期：2023-02-20 08:22:54
問(wèn)題描述
使用webpack-dev-server來(lái)開發(fā)現(xiàn)在想保持vuex的狀態(tài)來(lái)更新CSS，
如果使用 webpack-dev-server --hot 可以保持狀態(tài)但只能更新js, css修改了沒反應(yīng)（.vue文件里面）如果使用 webpack-dev-server --inline 可以更新CSS，但不能保持狀態(tài)
求解！
問(wèn)題解答
回答1：自問(wèn)自答：?jiǎn)栴}出在開發(fā)環(huán)境我用了extract-text-webpack-plugin抽出了CSS，由于瀏覽器的緩存（可能原因）導(dǎo)致CSS的更改沒有傳遞給瀏覽器。
因此解決辦法就是直接將CSS輸出到HTML里的style標(biāo)簽，這樣CSS的熱重載就生效了（保持VUEX狀態(tài)）。也不需要vue-hot-reload-api,vue-loader自帶了。
有一點(diǎn)疑問(wèn)，為什么js也是抽出來(lái)單獨(dú)一個(gè)文件，但卻支持熱重載，沒有緩存的問(wèn)題，然而CSS卻有。我覺得可能與vue-loader的熱重載底層實(shí)現(xiàn)有關(guān)。
回答2：可以參考我的這篇博客：
http://ewind.us/2017/webpack-...
NPM 命令采用 webpack-dev-server --hot --inline 即可。另外記得添加 vue-hot-reload-api 依賴。
標(biāo)簽：
JavaScript
上一條：javascript - var x = "[{’a’:’xx’},{’b’:’xxx’}]";如何在js中解析成json對(duì)象下一條：javascript - jquery怎么讓a標(biāo)簽跳轉(zhuǎn)后保持tab的樣式
相關(guān)文章：
1. mac里的docker如何命令行開啟呢？2. docker - 各位電腦上有多少個(gè)容器啊？容器一多，自己都搞混了，咋辦呢？3. nignx - docker內(nèi)nginx 80端口被占用4. docker容器呢SSH為什么連不通呢？5. 關(guān)于docker下的nginx壓力測(cè)試6. Docker for Mac 創(chuàng)建的dnsmasq容器連不上/不工作的問(wèn)題7. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””8. angular.js使用$resource服務(wù)把數(shù)據(jù)存入mongodb的問(wèn)題。9. docker 下面創(chuàng)建的IMAGE 他們的 ID 一樣？這個(gè)是怎么回事？？？？10. docker-compose 為何找不到配置文件？
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備