react中jest配置，解决node_modules报错esm无法解析的问题
重点关注：
transformIgnorePatterns: [
"/node_modules/(?!(?:@jmfe)/)",
],
moduleNameMapper: {
"\\.(css|less|scss|sss|styl)$": "jest-css-modules"
}
并安装jest-css-modules（npm i --save-dev jest-css-modules）
module.exports = {
testEnvironment: 'jsdom',
transform: {
'^.+\\.(js|jsx|ts|tsx)$': 'ts-jest'
},
transform: {
'^.+\\.(js|jsx|ts|tsx)$': 'babel-jest'
},
transformIgnorePatterns: [
"/node_modules/(?!(?:@jmfe)/)",
],
moduleFileExtensions: ['js', 'jsx', 'ts', 'tsx', 'json', 'node'],
coverageDirectory: 'dist/coverage',
collectCoverage: true, // 需开启收集覆盖率报告开关
testResultsProcessor: 'jest-bamboo-reporter', // 自定义测试用例执行结果处理器
reporters: [
'default',
[
'./node_modules/jest-html-reporter',
{ pageTitle: '单测报告', outputPath: './dist/report/test-report.html' }//这里是自己项目中想要输出的目录位置
]
],
moduleNameMapper: {
"\\.(css|less|scss|sss|styl)$": "jest-css-modules"
}
}
参考文档：Jest Cannot use import statement outside a module 单测报错完全解决方案 - 掘金