导入图像文件夹

Question

我有一个Svelte+Sapper项目，它在其中运行得很好：

import logotype from 'images/logo_vertical.svg';

[..]

<img src={logotype} alt="..." />

但是是否可以导入整个文件夹：

import logotypes from 'images/logotypes';

并像这样使用它们：

<img src={logotypes.logo1} alt="..." />

或

<img src={logotypes['logo1.svg']} alt="..." />

我尝试过这样导入，但它不起作用，因为它正在寻找一个模块而不是一组图像：import logotypes from 'images/logotypes';

"图像/标识"由…导入。。。。苗条，但不可能已解决–将其视为外部依赖

在运行时。。。

错误：找不到模块"图像/标识">

Answer 1

根据你的想法Julio Malves，这就是我(在file/images/logos/index.js中(想到的：

import logo1 from './logo_1.svg'
import logo2 from './logo_2.svg'
import logo3 from './logo_3.svg'
import logo4 from './logo_4.svg'
import logo5 from './logo_5.svg'
import logo6 from './logo_6.svg'
export default {
logo1,
logo2,
logo3,
logo4,
logo5,
logo6,
}

并且像这样使用它；

import logos from 'images/logos'

[..]

<img src="{logos.logo1}" alt="[..] />