Vue JS将所有导入保存在不同的文件中

Question

Iam学习vuejs，我有数百个json文件，我想加载到我的Vue项目中， 在我的脚本中，我可以直接在主文件中加载所有json文件 如下

//Index.vue
<script>
import data1 from 'assets/json/data1.json';
import data2 from 'assets/json/data2.json';
...

以上工作正常，但现在我计划将所有导入保存到不同的文件中 如下

//assets/imports.js
import data1 from 'assets/json/data1.json';
import data2 from 'assets/json/data2.json';

并将imports.js称为

//Index.vue
<script>
import alldata from 'assets/imports'

是否可以这样做，在webpack中也不好

Answer 1

根据要求，将此作为答案发布：

是的，您只需将所有数据合并到imports.js中的对象或数组中，然后将生成的对象/数组导出为默认导出