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

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

刚接手一个老项目，在项目运行的时候发现要等70多秒，这肯定不能忍啊，网上查了查。找到一个插件还是很不错的。话不多说 上干货

1.安装插件babel-plugin-dynamic-import-webpack

npm install babel-plugin-dynamic-import-webpack --save-dev

2.安装完成不需要引入。不需要引入 不需要引入。重要事情说3遍
3.在.babelrc内写入配置

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

看效果。 虽然还要继续优化 但是对于这个插件来说已经完成它的使命了

安全前

安装后

速度快了40S+ 还是很棒的。继续去找找看看进一步优化启动速度 后面搞好了再来分享给大家