JavaScript文件顶部的多个import语句

Question

我的JavaScript文件顶部有多个（超过50个）import语句 - 如下所示：

import marker1 from '../assets/markers/1.svg'
import marker2 from '../assets/markers/2.svg'
import marker3 from '../assets/markers/3.svg'
import marker4 from '../assets/markers/4.svg'
import marker5 from '../assets/markers/5.svg'
...

我不相信这是最有效的方法。有什么办法可以利用数组或辅助函数来整理这个文件吗？任何想法都赞赏。

Answer 1

您可以将其导入一个文件，例如marker.js，然后导出标记const，您已添加了所有markerX svgs。

然后，当您导入marker.m1

时，您可以像marker.js一样访问它