Javascript 在Sapper/Svelte中加载图像

Javascript 在Sapper/Svelte中加载图像,javascript,svelte,sapper,Javascript,Svelte,Sapper,我正在为一个博客运行一个简单的sapper代码。 加载我使用的图像 <script> import cactus from 'images/cactus.jpg'; import PostList from '@/components/PostList.svelte' import {posts} from '@/posts' </script> 从“images/cactus.jpg”导入仙人掌; 从“@/components/PostList.svelt

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

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

</script>

从“images/cactus.jpg”导入仙人掌;
从“@/components/PostList.svelte”导入PostList
从“@/posts”导入{posts}
问题在于,映像从不从/static/images加载,而仅在/src/node_模块/images中加载

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


如何从/static/images按原样加载图像?

将图像放在
/static
文件夹中,例如,您希望在页面上使用它们

logo-512.png
是sapper模板的默认设置(尝试执行此操作)

如果您在
/static/images/
中组织图像,请执行此操作


这会有用的。

非常感谢!!不知何故,我确信我在他们的示例和文档中看到了一个导入。。。从…起然后src中的图像为{variable}..但是您的方法也可以工作!