vue本地构建热更新卡顿的问题“75 advanced module optimization”完美解决方案


Posted in Vue.js onAugust 05, 2022

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配置

vue本地构建热更新卡顿的问题“75 advanced module optimization”完美解决方案

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

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

到此这篇关于vue本地构建热更新卡顿的问题“75 advanced module optimization”解决方案的文章就介绍到这了,更多相关vue本地构建热更新卡顿内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Vue.js 相关文章推荐
vue element实现表格合并行数据
Nov 30 Vue.js
Vue3+elementui plus创建项目的方法
Dec 01 Vue.js
vue下拉刷新组件的开发及slot的使用详解
Dec 23 Vue.js
vue 使用rules对表单字段进行校验的步骤
Dec 25 Vue.js
vue导入.md文件的步骤(markdown转HTML)
Dec 31 Vue.js
vue3.0 项目搭建和使用流程
Mar 04 Vue.js
vue实现无缝轮播效果(跑马灯)
May 14 Vue.js
vue-element-admin项目导入和导出的实现
May 21 Vue.js
Vue3如何理解ref toRef和toRefs的区别
Feb 18 Vue.js
教你部署vue项目到docker
Apr 05 Vue.js
VUE解决跨域问题Access to XMLHttpRequest at
May 06 Vue.js
Vue ECharts实现机舱座位选择展示功能
May 15 Vue.js
Vue深入理解插槽slot的使用
Aug 05 #Vue.js
vue3 自定义图片放大器效果的示例代码
Jul 23 #Vue.js
vue递归实现树形组件
Jul 15 #Vue.js
VUE递归树形实现多级列表
Jul 15 #Vue.js
Vue2项目中对百度地图的封装使用详解
vue如何在data中引入图片的正确路径
Jun 05 #Vue.js
Vue Mint UI mt-swipe的使用方式
Jun 05 #Vue.js
You might like
PHP常用函数小技巧
2008/09/11 PHP
PHP number_format() 函数定义和用法
2012/06/01 PHP
php多文件上传功能实现原理及代码
2013/04/18 PHP
Linux中用PHP判断程序运行状态的2个方法
2014/05/04 PHP
php实现的RSS生成类实例
2015/04/23 PHP
Thinkphp集成抖音SDK的实现方法
2020/04/28 PHP
style、 currentStyle、 runtimeStyle区别分析
2010/08/01 Javascript
基于Jquery实现的一个图片滚动切换
2012/06/21 Javascript
JS实现兼容各种浏览器的高级拖动方法完整实例【测试可用】
2016/06/21 Javascript
AngularJS基础 ng-paste 指令简单示例
2016/08/02 Javascript
js中的eval()函数把含有转义字符的字符串转换成Object对象的方法
2016/12/02 Javascript
JS中绑定事件顺序(事件冒泡与事件捕获区别)
2017/01/24 Javascript
jQuery上传多张图片带进度条样式(DEMO)
2017/03/02 Javascript
搭建简单的nodejs http服务器详解
2017/03/09 NodeJs
Node.js 使用命令行工具检查更新
2017/06/08 Javascript
Angular利用内容投射向组件输入ngForOf模板的方法
2018/03/05 Javascript
基于Angular中ng-controller父子级嵌套的相关属性详解
2018/10/08 Javascript
微信小程序实现选项卡效果
2018/11/06 Javascript
js实现漂亮的星空背景
2019/11/01 Javascript
[00:59]DOTA2荣耀之路1:Doom is back!weapon X!
2018/05/22 DOTA
python logging日志模块的详解
2017/10/29 Python
Ubuntu+python将nii图像保存成png格式
2019/07/18 Python
python利用dlib获取人脸的68个landmark
2019/11/27 Python
利用Python代码实现一键抠背景功能
2019/12/29 Python
pytorch查看模型weight与grad方式
2020/06/24 Python
HTML5中5个简单实用的API
2014/04/28 HTML / CSS
联想中国官方商城:Lenovo China
2017/10/18 全球购物
马来西亚综合购物网站:Lazada马来西亚
2018/06/05 全球购物
JAVA和C++的区别
2013/10/06 面试题
护理职业应聘自荐书
2013/09/29 职场文书
大学生实习思想汇报
2014/01/12 职场文书
司机岗位职责说明书
2014/07/29 职场文书
邀请函格式范文
2015/02/02 职场文书
2015个人简历自我评价语
2015/03/11 职场文书
golang正则之命名分组方式
2021/04/25 Golang
golang实现一个简单的websocket聊天室功能
2021/10/05 Golang