vue热加载(热更新) the request of a dependency is an expression错误

• vue整体项目太大,每次修改编译速度太慢，
• 以前的老项目每次保存后，等待的时间都很长就很恼火，
• 今天刚好去吧之前做的项目做了一个热加载，BiKaBi也是翻阅了很多资料，遇到了很多得坑，废话不多说，先来看一组效果图

修改前的加载时间是37485ms

修改后的加载时间时3769ms

1.下载插件

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

2.修改.babelrc文件

{
  "presets": [
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ],
  "plugins": ["transform-vue-jsx", "transform-runtime"],
  
  //下面的代码是需要加上的
  "env": {
    "development": {
      "plugins": ["dynamic-import-node"]
    }
  },
  "comments": false
}

3.解决会出现类似我这种报错（80%可能）

可能报错的文件不一样，这都是无限循环了路径导致
你的写法

item.component = () =>import (`@/views/${item.name}`);

修改后的写法

item.component = resolve => (require([`@/views/${item.name}`], resolve));

4.最后

本文到此结束，希望对你有帮助

如果还有什么疑问或者建议，可以多多交流，原创文章，文笔有限，才疏学浅，文中若有不正之处，万望告知