Path Alias in React Typescript

376 阅读1分钟

2 Steps:

Step 1:

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

IDE WORKS NOW.

Step 2:

// webpack.config.js
{
	entry: [...],
    ...
    resolve: {
    	...,
        alias: {
        	...,
            // customized path alias (directories under src)
            '@comp': 'components'
        }
    }
    
}

BUILD WORKS NOW.