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 如何开启或关闭热更新vue项目热更新的坑及解决关于vue-cli3+webpack热更新失效及解决vue-cli3 热更新配置操作解决vuecli3.0热更新失效的问题Vuejs开发环境搭建及热更新【推荐】

  • 本文相关:
  • vue+java实现评论回复功能
  • vue 使用formdata方式向后台发送数据的实现
  • vue render中slots的使用的实例代码
  • 基于canvas实现手写签名(vue)
  • 基于axios 的responsetype类型的设置方法
  • vue自定义js图片碎片轮播图切换效果的实现代码
  • vue中v-if条件判断改变元素的样式操作
  • vue从仓库state中取不到数据的问题
  • element-ui中的select下拉列表设置默认值方法
  • vue-cli assets subdirectory及publicpath区别详解
  • vue动画在x5上出现卡顿怎么办?
  • 解决vue中虚拟dom,无法实时更新的问题
  • 解决vue中对象属性改变视图不更新的问题
  • 使用vue框架开发,版本更新,怎么解决用户浏览器缓存问题
  • 详解vue中的父子传值双向绑定及数据更新问题
  • vue怎样构建单页面应用中的二级页面
  • li构建项目找不到dev-server.js文件?
  • vue动画在x5上出现卡顿怎么办
  • 详解vue-cil和webpack中本地静态图片的路径问题解决方案
  • vue router hash构建的项目放在iframe内无效
  • 如何不基于webpack,使用vue.js构建大型应用
  • croller下拉加载数据多过卡顿是为什么
  • vue scroll 滚动卡顿怎么解决
  • 详解用webpack2.0构建vue2.0超详细精简版
  • vue.js怎样构建后台管理界面
  • vue.js 页面内容多,出现卡顿现象?有谁遇到过吗
  • vue.js 页面内容多,出现卡顿现象?有谁遇到过吗
  • 网站首页网页制作脚本下载服务器操作系统网站运营平面设计媒体动画电脑基础硬件教程网络安全yui.ext相关prototypejqueryangularjsjsonlib_jsjs面向对象extjsmootoolsseajsdojovue.jsbackbone.jsreact其它首页javascriptjavascript类库vue 如何开启或关闭热更新vue项目热更新的坑及解决关于vue-cli3+webpack热更新失效及解决vue-cli3 热更新配置操作解决vuecli3.0热更新失效的问题vuejs开发环境搭建及热更新【推荐】vue+java实现评论回复功能vue 使用formdata方式向后台发送数据的实现vue render中slots的使用的实例代码基于canvas实现手写签名(vue)基于axios 的responsetype类型的设置方法vue自定义js图片碎片轮播图切换效果的实现代码vue中v-if条件判断改变元素的样式操作vue从仓库state中取不到数据的问题element-ui中的select下拉列表设置默认值方法vue-cli assets subdirectory及publicpath区别详解vue引用js文件的多种方式(推荐)vue跳转页面的几种方法(推荐)详解vue 路由跳转四种方式 (带参数)vue项目刷新当前页面的三种方法vue之父子组件间通信实例讲解(props、$ref、$emvue props用法详解(小结)vue.js中created方法作用element-ui中select组件绑定值改变,触发chavue实现文件上传功能vue元素的隐藏和显示(v-show指令)vue异步组件使用详解vue使用video.js的代码详解vue之vue.$set()方法源码案例详解vue 中virtual dom被创建的方法详解vue2.0 事件派发与接收vue-cli配置打包文件本地使用的教程图解vue2配置scss的方法步骤vue+element-ui前端实现分页效果vue.js框架实现购物车功能基于vue3制作简单的消消乐游戏
    免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved