Jest 和文件加载器导入

Question

我目前正在使用文件加载器在反应应用程序（CRA）中的一个文件中导入一个模块：

"file-loader?name=scripts/[name].[hash].js!jsstore/dist/jsstore.worker.min.js"

运行 Jest 时，会抛出以下错误：

Cannot find module 'file-loader?name=scripts/[name].[hash].js!jsstore/dist/jsstore.worker.min.js'

我通过设置 modulePathIgnorePatterns 和 moduleNameMapper 尝试在 Jest 的 package.json 中进行不同的配置，但这两种配置设置都不起作用：

"modulePathIgnorePatterns": [
        "file-loader?name=scripts/[name].[hash].js!jsstore/dist/jsstore.worker.min.js"
      ]

"moduleNameMapper": {
        "file-loader?name=scripts/[name].[hash].js!jsstore/dist/jsstore.worker.min.js": "<rootDir>/node_modules/jsstore/dist/jsstore.worker.min.js"
      }

Answer 1

您可以将此导入映射到一个文件，该文件将返回一个“ stringwhich”file-loader返回的内容；

moduleNameMapper: {
  "^file\-loader":"<rootDir>/__mocks__/fileMock.js",
}

moduleNameMapper: {
  "^file\-loader":"<rootDir>/__mocks__/fileMock.js",
}