如何将jest-config配置为使用类似于故事书配置的别名

Question

My Next.js项目在TypeScript中，在tsconfig.json中我设置了"baseUrl": "./src"，因此在组件中我不需要使用../../../components/Button，只需从components/Button开始。

为了在故事书中工作，我设置了main.js文件。

const { TsconfigPathsPlugin } = require('tsconfig-paths-webpack-plugin')

module.exports = {
stories: ['../src/**/*.stories.@(ts|tsx|mdx)'],
addons: ['@storybook/addon-links', '@storybook/addon-essentials'],
webpackFinal: async (config) => {
config.resolve.plugins = [new TsconfigPathsPlugin({ extensions: config.resolve.extensions })]
return {
...config,
}
},
}

现在，我正试图在根项目中的JestConfig文件中找出如何做到这一点(因为我的测试失败了，因为我不理解别名(。

想法？

Answer 1

在这里找到答案：Jest+Typescript+绝对路径(baseUrl(给出错误：找不到模块

只需要将此添加到我的jest.config.js中

moduleDirectories: ['node_modules', 'src'],