vue路由改为import懒加载后热更新速度优化

83 阅读1分钟

解法

使用 dynamic-import-node

第一步(安装依赖)

pnpm i babel-plugin-dynamic-import-node -S

第二步(配置babel)

打开babel.config.js文件

"env": {

    "development": {
      "plugins": [
        "dynamic-import-node"
      ]
    },
    
     "test": {
      "plugins": [
        "dynamic-import-node"
      ]
    },
    
    "这里填写env的key值": {
      "plugins": [
        "dynamic-import-node"
      ]
    },
    

  
  }

官方含义:就是将import方法转成require(),且是动态的,运用这个插件能在代码使用了import语法的情况下,大大提高代码的编译速度

不建议生产环境使用这种方法,会导致打包速度变慢