Typescriptではtsconfig.jsonのbaseUrlを指定すれば絶対パスでインポートができる。
しかし、eslintのimport/no-unresolvedルールに怒られてしまったので、そのときの対応を記載する。
1. eslint-import-resolver-typescriptをインストールする
tsのインポート問題を解決してくれるライブラリらしい。
$ npm install -D eslint-import-resolver-typescript
2. eslintrcに設定を追加する
settingsのimport/resolverに設定を追加する。
これだけで絶対パスでのインポートでも怒られないはず。
eslintrc.js抜粋
settings: {
'import/resolver': {
typescript: {},
},
},
おまけ: tsconfigが複数ある場合
resolverが見るtsconfigを指定できる。
以下はsrc/以下のtsconfigを指定する場合。
settings: {
'import/resolver': {
typescript: { project: 'src/' },
},
},