vue本地構建熱更新卡頓的問題“75 advanced module optimization”完美解決方案
vue項目在本地構建後,每次熱更新都會卡在 "75 advanced module optimization" 的地方不動瞭。很影響開發效率有木有,網上一搜給的方案(babel-plugin-dynamic-import-node)試瞭下各種報錯,要麼說版本問題,要麼說引入文件的方式不對,要麼說webpack的配置不對,然後換瞭另一個插件,引用後什麼都不用改,很nice。
插件install
npm install babel-plugin-dynamic-import-webpack --save-dev
沒錯是babel-plugin-dynamic-import-webpack
就比網上說的區別在於webpack不是node!!!
.babelrc配置
"env": { "development": { "plugins": ["dynamic-import-webpack"] } }
重新npm run dev
下,再次更新代碼熱更新,就很酸爽拉~~~
到此這篇關於vue本地構建熱更新卡頓的問題“75 advanced module optimization”解決方案的文章就介紹到這瞭,更多相關vue本地構建熱更新卡頓內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet!
推薦閱讀:
- webpack搭建vue環境時報錯異常解決
- 快速創建React項目並配置webpack
- 教你使用webpack打包編譯TypeScript代碼
- 使用webpack打包ts代碼的實現
- 使用webpack和rollup打包組件庫的方法