如何在 svelte 组件和 webpack 中包含静态 asset/image？

Question

我想创建一个 uses/imports 静态图像的苗条组件（基于 webpack）。 如何确保图像正确导出，即使用我的组件的 svelte 应用程序也能看到图像？

在我的组件中，我尝试导入图像并使用 webpack 的文件加载器：

import image from "./image.jpg";

和

{
    test: /\.(png|svg|jpg|gif)$/,
    use: [
        'file-loader',
    ],
}

这可行，图像包含在 dist 文件夹中，但在这种情况下，我还需要向主 svelte 应用程序添加一个文件加载器，这是我想避免的额外要求。主应用程序应该只需要导入我的组件。

这可能吗？或者上面已经是推荐的方法了？

Answer 1

这似乎是一个 open issue 的 svelte-loader。