溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

vue本地構(gòu)建熱更新卡頓的問題“75?advanced?module?optimization”如何解決

發(fā)布時(shí)間:2022-08-05 09:59:08 來源:億速云 閱讀:756 作者:iii 欄目:開發(fā)技術(shù)

這篇“vue本地構(gòu)建熱更新卡頓的問題“75 advanced module optimization”如何解決”文章的知識(shí)點(diǎn)大部分人都不太理解,所以小編給大家總結(jié)了以下內(nèi)容,內(nèi)容詳細(xì),步驟清晰,具有一定的借鑒價(jià)值,希望大家閱讀完這篇文章能有所收獲,下面我們一起來看看這篇“vue本地構(gòu)建熱更新卡頓的問題“75 advanced module optimization”如何解決”文章吧。

vue項(xiàng)目在本地構(gòu)建后,每次熱更新都會(huì)卡在 "75 advanced module optimization" 的地方不動(dòng)了。很影響開發(fā)效率有木有,網(wǎng)上一搜給的方案(babel-plugin-dynamic-import-node)試了下各種報(bào)錯(cuò),要么說版本問題,要么說引入文件的方式不對(duì),要么說webpack的配置不對(duì),然后換了另一個(gè)插件,引用后什么都不用改,很nice。

插件install

npm install babel-plugin-dynamic-import-webpack --save-dev

沒錯(cuò)是babel-plugin-dynamic-import-webpack就比網(wǎng)上說的區(qū)別在于webpack不是node!!!

.babelrc配置

vue本地構(gòu)建熱更新卡頓的問題“75?advanced?module?optimization”如何解決

"env": {
    "development": {
      "plugins": ["dynamic-import-webpack"]
    }
  }

重新npm run dev下,再次更新代碼熱更新,就很酸爽拉~

以上就是關(guān)于“vue本地構(gòu)建熱更新卡頓的問題“75 advanced module optimization”如何解決”這篇文章的內(nèi)容,相信大家都有了一定的了解,希望小編分享的內(nèi)容對(duì)大家有幫助,若想了解更多相關(guān)的知識(shí)內(nèi)容,請(qǐng)關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

vue
AI