在tsConfig中,配置:
...
baseUrl: "src"
...
在.eslintrc.json中:
"settings": {
"import/resolver": {
"node": {
"moduleDirectory": ["node_modules", "src"],
"extensions": [".js", ".jsx", ".ts", ".tsx"]
}
}
},
這樣做是爲了防止eslint報找不到模塊的錯誤。經過上述配置,你就可以像import node_modules一樣,import 本地的文件,假設目錄結構如下:
src
├── api
│ └── index.ts
└── pages
└── App
└── index.tsx
在配置之前,你在頁面中import api:
import api from '../../api/index'
配置之後:
import api from 'api/index'
完美~
參考文檔:
https://www.typescriptlang.org/tsconfig#baseUrl
https://www.npmjs.com/package/eslint-import-resolver-node