如果我们在jsx
中引入了less
样式,比如:
import styles from './style.less';
那么运行jest
进行单元测试的时候会在less
文件中报错,因为jest
默认是不支持less
的。为了在jest
中支持less
,我们需要jest-less-loader
的支持。
我们第一步需要安装jest-less-loader
依赖:
npm install jest-less-loader --save-dev
然后在jest.config.js
配置jest-less-loader
规则:
module.exports = {
transform: {
'^.+\\.js$': 'babel-jest',
'\\.(less|css)$': 'jest-less-loader' // 支持less
},
}
这个时候运行jest
进行单元测试就可以了。