vue 如何动态的 import 模块

Question

我们正常引入模块方法：
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 文件夹下的模块放入到一个数组中
目前我可以拿到这个文件夹下的每一项，也可以拿到每一项的 绝对地址
但是不知道如何将这些模块放入到一个数组中。

Answer 1

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

Answer 2

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

Answer 3

如果引入本地文件，直接require即可：

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

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

Answer 4

就是用 require ,感谢各位！