如何使用响应式加载器和笑话？

问题描述

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

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

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

解决方法

我确实通过添加我的笑话配置克服了这个问题：

{
  "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,};