在 Sapper/Svelte 中加载图像

Question

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

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

</script>

问题是图像永远不会从 /static/images 加载，但只有在 /src/node_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="" /> 这会起作用。