如何在React和Webpack中使用srcset 2x?

qtx*_*txt 3 javascript image reactjs webpack srcset

从这个答案

动态添加图像React Webpack

我知道,如何在React + Webpack中使用常规图像src。

在srcset 2x内有空格的情况下,如何获得相同的结果?

看来我无法从这样的字符串导入:

从'./temp/picture@2x.jpg 2x'导入图片;

它可能由于内部空间而破裂。

我试图寻找一些插件,但这

https://github.com/herrstucki/sensitive-loader

明确指出不支持2x。

和这个

https://www.npmjs.com/package/srcset-loader

根本没有提到2x,所以我猜它也不支持它。

那么,有什么方法可以在这里使用srcset 2x吗?

mlo*_*ber 8

尝试这个 :

import LogoImg1x from 'YOUR_PATH/logo1x.png';
import LogoImg2x from 'YOUR_PATH/logo2x.png';
Run Code Online (Sandbox Code Playgroud)

<img src={LogoImg1x} srcset={LogoImg1x + ' 1x,' + LogoImg2x + ' 2x'}/>
Run Code Online (Sandbox Code Playgroud)