我想创建一个使用/导入静态图像的苗条组件(基于 webpack)。如何确保图像被正确导出,即使用我的组件的苗条应用程序也能看到图像?
在我的组件中,我尝试导入图像并使用 webpack 的文件加载器:
import image from "./image.jpg";
和
{
test: /\.(png|svg|jpg|gif)$/,
use: [
'file-loader',
],
}
这行得通,图像包含在 dist 文件夹中,但在这种情况下,我还需要向主 svelte 应用程序添加一个文件加载器,这是我想避免的额外要求。主应用程序应该只需要导入我的组件。
这是可能的还是上面已经推荐的方法?