如何使用响应加载程序和笑话

Question

使用responsive-loader时，在导入格式为webp:?format=web:的图像期间，我在Jest中的所有单元测试都失败了

Cannot find module '../images/11_1920-xl.jpg?format=webp' from 'src/Home.js';

如何同时使用jest和响应加载程序webp？

Answer 1

我确实通过在我的笑话配置中添加来克服这个问题

{
"moduleNameMapper": {
"\.(jpg|jpeg|png)\?format=webp$": "<rootDir>/__mocks__/jpgPngMock.js"},
"transformIgnorePatterns":[
"<rootDir>/__mocks__/jpgPngMock.js"
]
}

并且在__mocks__/jpgPngMock.js:内

module.exports = {
src: '',
srcSet: '',
width: 1,
height: 1,
};