Resolve aliases for integrating webpack and typescript.
npm install resolve-ts-aliasesResolve aliases for integrating webpack and typescript.
``bash`
npm add -D resolve-ts-aliases
tsconfig.json:
`json`
{
"compilerOptions": {
"baseUrl": "./",
"paths": {
"@app/": ["src/app/"],
"@components/": ["src/components/"]
}
}
}
webpack.config.ts:
`ts
import path from "path";
import webpack from "webpack";
import { resolveTsAliases } from "resolve-ts-aliases";
const config: webpack.Configuration = {
resolve: {
// These 2 forms are equivalent.
alias: resolveTsAliases(path.resolve("tsconfig.json")),
alias: {
"@app": "/path/to/src/app",
"@components": "/path/to/src/components"
}
},
};
export default config;
``