vue 如何动态的 import 模块

新手上路,请多包涵

我们正常引入模块方法:
import xxx1 from "@/assets/xxxx/xxxx.js"

但是当我们的模块很多的时候,我需要动态引入
import xxx1 from "@/assets/xxxx"
import xxx2 from "@/assets/xxxx"
import xxx3 from "@/assets/xxxx"
import xxx4 from "@/assets/xxxx"
import xxx5 from "@/assets/xxxx"

let data = [ xxx1, xxx2, ... , xxx5 ]

就是需要将 xxxx 文件夹下的模块放入到一个数组中
目前我可以拿到这个文件夹下的每一项,也可以拿到每一项的 绝对地址
但是不知道如何将这些模块放入到一个数组中。

阅读 6.8k
4 个回答

循环用require引入,然后push到数组里。

import是静态加载,不支持。可以用require来运行时加载

如果引入本地文件,直接require即可:

const xxx1 = require('@/assets/.....');
const xxx2 = require('@/assets/.....');
const xxx3 = require('@/assets/.....');

let data = [ xxx1, xxx2, ... , xxx5]
新手上路,请多包涵

就是用 require ,感谢各位!

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题