Breaking News: Grepper is joining You.com. Read the official announcement!

jest aliases typescript storybook

Embarrassed Echidna answered on February 15, 2022 Popularity 1/10 Helpfulness 1/10

answer jest aliases typescript storybook

jest aliases typescript storybook

Comment

// tsconfig.json
{
 ...
 "baseUrl": "src",
 "paths": {
    "@alias/*": [ 'path/to/alias/*' ]
 }
 ...
}

//then your jest.config.js needs to provide those paths in moduleNameMapper in the following format:
// jest.config.js
module.exports = {
    'roots': [
        '<rootDir>/src'
    ],
    'transform': {
        '^.+\\.tsx?$': 'ts-jest'
    },
    'moduleNameMapper': {
         '@alias/(.*)': '<rootDir>/src/path/to/alias/$1'
    }
};

//Example tsconfig.json
{
	"baseUrl": "./",
	"paths": {
      "@/*": ["src/*"],
    },
}

//Example jest.config.json
"moduleNameMapper": {
  "@/(.*)": "<rootDir>/src/$1",
}

Popularity 1/10 Helpfulness 1/10 Language typescript

Source: Grepper

Tags: aliases storybook typescript

Link to this answer
Share Copy Link

Contributed on Feb 15 2022

Embarrassed Echidna

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

jest aliases typescript storybook

Contents

More Related Answers

jest aliases typescript storybook

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.