vue本地構(gòu)建熱更新卡頓的問(wèn)題“75?advanced?module?optimization”完美解決方案
vue項(xiàng)目在本地構(gòu)建后，每次熱更新都會(huì)卡在 "75 advanced module optimization" 的地方不動(dòng)了。很影響開(kāi)發(fā)效率有木有，網(wǎng)上一搜給的方案(babel-plugin-dynamic-import-node)試了下各種報(bào)錯(cuò)，要么說(shuō)版本問(wèn)題，要么說(shuō)引入文件的方式不對(duì)，要么說(shuō)webpack的配置不對(duì)，然后換了另一個(gè)插件，引用后什么都不用改，很nice。
插件install
npm install babel-plugin-dynamic-import-webpack --save-dev
沒(méi)錯(cuò)是babel-plugin-dynamic-import-webpack就比網(wǎng)上說(shuō)的區(qū)別在于webpack不是node!!!
.babelrc配置
"env": {
"development": {
"plugins": ["dynamic-import-webpack"]
}
}重新npm run dev下，再次更新代碼熱更新，就很酸爽拉~~~
到此這篇關(guān)于vue本地構(gòu)建熱更新卡頓的問(wèn)題“75 advanced module optimization”解決方案的文章就介紹到這了,更多相關(guān)vue本地構(gòu)建熱更新卡頓內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
本篇是我對(duì)vue使用過(guò)程中以及對(duì)一些社區(qū)朋友提問(wèn)我的問(wèn)題中做的一些總結(jié)，感興趣的朋友跟隨腳本之家小編一起學(xué)習(xí)吧2018-02-02
Vue生產(chǎn)環(huán)境調(diào)試的方法步驟
開(kāi)發(fā)環(huán)境下Vue會(huì)提供很多警告來(lái)幫你對(duì)付常見(jiàn)的錯(cuò)誤與陷阱,而在生產(chǎn)環(huán)境下,這些警告語(yǔ)句卻沒(méi)有用,反而會(huì)增加應(yīng)用的體積,下面這篇文章主要給大家介紹了關(guān)于Vue生產(chǎn)環(huán)境調(diào)試的方法步驟,需要的朋友可以參考下2022-04-04
vue-router的beforeRouteUpdate不觸發(fā)問(wèn)題
這篇文章主要介紹了vue-router的beforeRouteUpdate不觸發(fā)問(wèn)題及解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要介紹了詳解vue-router和vue-cli以及組件之間的傳值,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
利用Vue3和Plotly.js創(chuàng)建交互式表格
在數(shù)據(jù)分析和可視化領(lǐng)域,經(jīng)常需要以表格的形式展示數(shù)據(jù),Plotly.js 是一款功能強(qiáng)大的 JavaScript 庫(kù),不僅可以創(chuàng)建交互式圖表,還可以動(dòng)態(tài)生成 HTML 表格,本文給大家介紹了如何用Vue3和Plotly.js創(chuàng)建交互式表格,需要的朋友可以參考下2024-07-07
這篇文章主要為大家介紹了圖解Vue的響應(yīng)式原理，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
在vue項(xiàng)目中我們常常需要用到computed和watch，那么我們究竟在什么場(chǎng)景下使用computed和watch呢？他們之間又有什么區(qū)別呢？本將給大家詳細(xì)的介紹一下,需要的朋友可以參考下2023-05-05
這篇文章主要介紹了Vue2的路由和異步請(qǐng)求方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-06-06
vue 實(shí)現(xiàn)v-for循環(huán)回來(lái)的數(shù)據(jù)動(dòng)態(tài)綁定id
今天小編就為大家分享一篇vue 實(shí)現(xiàn)v-for循環(huán)回來(lái)的數(shù)據(jù)動(dòng)態(tài)綁定id，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-11-11
Vue觸發(fā)隱藏input file的方法實(shí)例詳解
這篇文章主要介紹了Vue觸發(fā)隱藏input file的方法實(shí)例詳解，非常不錯(cuò)，具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下2019-08-08