您现在的位置是:网站首页> 编程资料编程资料
vue本地构建热更新卡顿的问题“75 advanced module optimization”完美解决方案_vue.js_
2023-05-24
401人已围观
简介 vue本地构建热更新卡顿的问题“75 advanced module optimization”完美解决方案_vue.js_
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本地构建热更新卡顿内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!
您可能感兴趣的文章:
相关内容
- Vue深入理解插槽slot的使用_vue.js_
- React如何使用axios请求数据并把数据渲染到组件_React_
- JavaScript圣杯布局与双飞翼布局实现案例详解_javascript技巧_
- react中useState使用:如何实现在当前表格直接更改数据_React_
- Vue常用的修饰符的作用详解_vue.js_
- Vue虚拟DOM详细介绍_vue.js_
- node.js报错:npm ERR code EPERM的解决过程_node.js_
- React前端渲染优化--父组件导致子组件重复渲染的问题_React_
- Vue3 使用v-md-editor如何动态上传图片的方法实现_vue.js_
- 使用JavaScript和CSS实现简单的字符计数器_javascript技巧_
