在Sapper/Svelte中加载图像

Question

我正在为一个博客运行一个sapper简单代码。要加载图像，我使用

<script>
import cactus from 'images/cactus.jpg';
import PostList from '@/components/PostList.svelte'
import {posts} from '@/posts'
</script>

问题是，映像从不从/static/images加载，而仅当位于/src/nod_modules/images 内部时才加载

这会导致部署出现各种问题。在本地进行导出不是问题，但远程部署将失败，因为/src/node_modules/images可能在git-ignore中。

如何从/static/images加载图像？

Answer 1

将图像放在./static文件夹中，例如，您想在页面上使用它们

<img src="./logo-512.png" alt="" />

logo-512.png默认使用你的工兵模板(尝试这样做(

如果你在./static/images/中组织你的图像，那么就做这个

<img src="./static/images/image.jpg" alt="" />这将起作用。