解法
使用 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语法的情况下,大大提高代码的编译速度
不建议生产环境使用这种方法,会导致打包速度变慢