- 配置babel-plugin-dynamic-import-node插件
npm install babel-plugin-dynamic-import-node
- 修改 babel.config.js 配置文件
module.exports = { presets: [ '@vue/app' ], env: { development: { plugins: ['dynamic-import-node'] } } }
如果使用的是动态路由加载的方式会发生冲突。需要在配置动态路由处修改语法如下
(首先要找到配置动态路由的位置)
component: resolve => require(['@/' + component + '.vue'], resolve),
// component: () => import(/* webpackChunkName: "about" */ '@/' + component+'.vue'),