学堂 学堂 学堂公众号手机端

vue项目本地构建后卡顿的问题有什么解决方法吗

lewis 1年前 (2024-04-20) 阅读数 9 #技术
这篇文章主要介绍“vue项目本地构建后卡顿的问题有什么解决方法吗”,有一些人在vue项目本地构建后卡顿的问题有什么解决方法吗的问题上存在疑惑,接下来小编就给大家来介绍一下相关的内容,希望对大家解答有帮助,有这个方面学习需要的朋友就继续往下看吧。



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项目本地构建后卡顿的问题有什么解决方法吗"的内容,大家可以关注博信的其它相关文章。
版权声明

本文仅代表作者观点,不代表博信信息网立场。

热门