小编Ily*_*nko的帖子

如何从Webpack中<picture>的srcset属性加载图片?

我开始在我的 Webpack 应用程序中使用该标签,并注意到当前设置不适用于 srcset 中引用的图像:

<picture>
<source srcset="img/goal-2.jpg" media="(min-width: 675px)">
<img src="../img/goal-2-s.jpg">
</picture>
Run Code Online (Sandbox Code Playgroud)

目标 2-s.jpg 被正确解析并复制到我的构建文件夹,而目标 2.jpg 被忽略。

目前我的 webpack.config.js 配置是这样的:

{
    test: /\.(jpe?g|png|gif|svg)$/i,
    loader: 'file?name=img/[name].[ext]'
},...
Run Code Online (Sandbox Code Playgroud)

我不想自动生成不同大小的文件——我加载的文件的裁剪方式不同,我手动完成并将其保存在我的应用程序文件夹中。我想要的只是 Webpack 以与处理 img 的 src 图像相同的方式处理我的源的 srcset 图像。

谢谢!

image webpack srcset

5
推荐指数
1
解决办法
2187
查看次数

标签 统计

image ×1

srcset ×1

webpack ×1