1. 首先配置webpack注竿。
在webpack的resolve配置項(xiàng)里面配置你需要的別名，alias設(shè)置直接在webpack的base配置里面設(shè)置就行了澄港。例如：
// webpack.base.js
const path = require('path');
...
module.exports = {
...
resolve: {
...
alias: {
"@api": path.join(__dirname, 'api'), // 注意這個(gè)路徑是相對webpack.base.js的路徑
"@utils": path.join(__dirname, 'utils')
}
}
}
2. 然后配置tsconfig.json
如果沒有這個(gè)文件堰汉，在項(xiàng)目根目錄新建一個(gè)就行垂蜗，然后配置compilerOptions對象：
{
"compilerOptions": {
...
"baseUrl": ".",
"paths": {
"@api": ["src/api"], // 如果要使用index.tsx的，需要配置這個(gè)
"@api/*": ["src/api/*"], // 要使用別名下的模塊的钳吟，配置這個(gè)廷粒。
"@utils/*": ["src/utils/*"],
"@utils": ["src/utils/index.ts"]
}
},
...
}
最后重啟項(xiàng)目就行了。
