如何将静态资产/图像包含在纤细的组件和 webpack 中？

Question

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

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

import image from "./image.jpg";

和

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

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

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

Answer 1

看起来这是一个 open issue 的 svelte-loader。