技術標籤：ant-design-pro

之前想配置一個公共模組的別名，不想使用"…/…/…/…/"這樣的路徑，由於沒有看官方文件，直接去社群或者搜尋引擎裡找，沒有找到方法。
今天我心血來潮看了一下文件，發現它是有辦法修改的

之前一直都是自己瞎折騰，在tsconfig.json裡面配置，其實應該在config/config.ts裡配置，找對了方法實現就不難了。主要要改兩個地方：

1.config/config.ts

import path from 'path';

export default defineConfig({
  alias: {
    '@ytCommon': path.resolve(__dirname, '../../ytCommon'), //由於路徑在專案根目錄外
  },
  ...
}
 

2.tsconfig.json

  "paths": {
     "@/*": ["./src/*"],
     "@@/*": ["./src/.umi/*"],
     "@ytCommon/*": ["../ytCommon/*"]
   }

改了這兩個地方，重啟專案就可以使用別名了，ant-design-pro封裝的很厲害，版本之間還有差異，最好在先看看該版本的文件有沒有答案再去別的地方找找。