node.js - 让 Jest 在测试时忽略 .less 导入

Question

测试组件

我正在尝试使用 Jest 对 react 组件运行一些非常简单的测试。由于组件文件顶部的这一行，我遇到了问题

import {} from './style.less';

这里的导入不需要测试，最好从测试中忽略。

[npm 测试]的结果

当通过 npm test 运行测试时，我得到响应

FAIL tests/app_test.js ● Runtime Error SyntaxError: Unexpected token { in file 'client/components/app/style.less'.

Make sure your preprocessor is set up correctly and ensure your 'preprocessorIgnorePatterns' configuration is correct: http://facebook.github.io/jest/docs/api.html#preprocessorignorepatterns-array-string If you are currently setting up Jest or modifying your preprocessor, try jest --no-cache. Preprocessor: node_modules/jest-css-modules. Jest tried to the execute the following preprocessed code: //some .less code

但是，如果我注释掉较少的导入行，我的测试就会正确运行。

问题

我怎样才能 Jest 跳过这行代码或忽略这个导入？

Answer 1

除了在测试顶部手动模拟 .less 文件之外，我可对于Jest地忽略更少文件的唯一方法，例如

jest.mock("../../src/styles.less", () => jest.fn());

是在 package.json 中添加以下内容:

"jest": {
 "moduleNameMapper": {
  ".*\\.less$": "<rootDir>/pathToDummyFile/dummy.js"
  }
 },

每当您的代码尝试导入 less 文件时，它都会重定向导入以获取空的虚拟文件，这将避免您遇到的意外 token 错误。