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下载后台传过来的乱码流的问题
Dec 05 Vue.js
基于vue与element实现创建试卷相关功能(实例代码)
Dec 07 Vue.js
vue使用exif获取图片旋转,压缩的示例代码
Dec 11 Vue.js
Vue实现简易购物车页面
Dec 30 Vue.js
Vue+scss白天和夜间模式切换功能的实现方法
Jan 05 Vue.js
vuex的使用步骤
Jan 06 Vue.js
vue实现简易计算器功能
Jan 20 Vue.js
Vue仿Bibibili首页的问题
Jan 21 Vue.js
Vue中使用wangeditor富文本编辑的问题
Feb 07 Vue.js
Vue2.x-使用防抖以及节流的示例
Mar 02 Vue.js
vue使用节流函数的踩坑实例指南
May 20 Vue.js
vue3中provide && inject的使用
Jul 01 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的autoload机制的实现解析
2012/09/15 PHP
PHP+MySQL修改记录的方法
2015/01/21 PHP
PHP面向对象程序设计内置标准类,普通数据类型转为对象类型示例
2019/06/12 PHP
PHP设计模式(四)原型模式Prototype实例详解【创建型】
2020/05/02 PHP
JavaScript 事件属性绑定带参数的函数
2009/03/13 Javascript
利用js的Node遍历找到repeater的一个字段实例介绍
2013/04/25 Javascript
js打开新窗口方法整理
2014/02/17 Javascript
jQuery中:hidden选择器用法实例
2014/12/30 Javascript
AngularJS学习笔记之ng-options指令
2015/06/16 Javascript
jQuery实现为图片添加镜头放大效果的方法
2015/06/25 Javascript
深入理解jquery跨域请求方法
2016/05/18 Javascript
js验证框架实现代码分享
2016/05/18 Javascript
Kotlin学习第一步 kotlin语法特性
2017/05/25 Javascript
基于Particles.js制作超炫粒子动态背景效果(仿知乎)
2017/09/13 Javascript
webpack 打包压缩js和css的方法示例
2018/03/20 Javascript
layui 监听select选择 获取当前select的ID名称方法
2019/09/24 Javascript
Selenium执行Javascript脚本参数及返回值过程详解
2020/04/01 Javascript
如何使用 vue-cli 创建模板项目
2020/11/19 Vue.js
Python基于分水岭算法解决走迷宫游戏示例
2017/09/26 Python
TensorFlow深度学习之卷积神经网络CNN
2018/03/09 Python
python+ffmpeg批量去视频开头的方法
2019/01/09 Python
解决Python正则表达式匹配反斜杠''\''问题
2019/07/17 Python
Python实现线性判别分析(LDA)的MATLAB方式
2019/12/09 Python
浅谈keras的深度模型训练过程及结果记录方式
2020/01/24 Python
windows下Pycharm安装opencv的多种方法
2020/03/05 Python
Python爬虫入门有哪些基础知识点
2020/06/02 Python
Python Django搭建网站流程图解
2020/06/13 Python
Python利用socket模块开发简单的端口扫描工具的实现
2021/01/27 Python
日本食品网上商店:JaponShop.com
2017/11/28 全球购物
英国伦敦的睡衣品牌:Asceno
2019/10/06 全球购物
一名毕业生的自我鉴定
2013/12/04 职场文书
运动会广播稿诗歌版
2014/09/12 职场文书
学校领导班子对照检查材料
2014/09/24 职场文书
Element实现动态表格的示例代码
2021/08/02 Javascript
Redisson实现Redis分布式锁的几种方式
2021/08/07 Redis
Spring Boot项目传参校验的最佳实践指南
2022/04/05 Java/Android