如何在 svelte 组件和 webpack 中包含静态资产/图像？

Question

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

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

import image from "./image.jpg";

和

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

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

这是可能的还是以上已经是推荐的方法？

Answer 1

看起来这是 svelte-loader 的一个开放问题。