webpack - 如何将静态资产/图像包含在纤细的组件和 webpack 中?
问题描述
我想创建一个使用/导入静态图像的苗条组件(基于 webpack)。如何确保图像被正确导出,即使用我的组件的苗条应用程序也能看到图像?
在我的组件中,我尝试导入图像并使用 webpack 的文件加载器:
import image from "./image.jpg";
和
{
test: /\.(png|svg|jpg|gif)$/,
use: [
'file-loader',
],
}
这行得通,图像包含在 dist 文件夹中,但在这种情况下,我还需要向主 svelte 应用程序添加一个文件加载器,这是我想避免的额外要求。主应用程序应该只需要导入我的组件。
这是可能的还是上面已经推荐的方法?
解决方案
似乎这是 svelte-loader 的一个未解决问题。
推荐阅读
- java - 将 .indexOf() 与 ArrayList 一起使用
- google-apps-script - 使数组唯一
- javascript - 如何检查一个类是否有值并在此之后切换一个类
- r - R中的Plotly时间序列预测 - 修改默认x轴和y轴范围
- ubuntu - Git Clone Repo 到 Ubuntu 服务器密钥错误
- javascript - Uncaught SyntaxError: Unexpected token [ while sent get request jquery
- c# - Linq 2 Sql AssociateWith 方法的替代方法
- freeradius - 重置 daloradius 密码
- bash - 仅打印字符串中的前三个数字
- python - BMI与异常处理python