フロント用とバック用のディレクトリを含む単一のリポジトリのルートパスからVSCodeでそれぞれのtsconfig, eslintrcを読み込む方法
October 21, 2020
ストーリー
卒制(チーム)で作るシステムとして、
- フロント: Nuxt.js
- バック: Nest.js
を採用し、それらを1つのリポジトリにまとめた。
作業する人それぞれでフロントとバックを行き来する可能性があったので、
VSCodeで開くルートディレクトリはなるべくリポジトリの最上位階層にしたかった。
ディレクトリ構成
- ルートディレクトリ
- .vscode/
- settings.json
- frontend/
- .eslintrc.js
- hoge...
- backend/
- .eslintrc.js
- hoge...
- .env
- .env.example
- docker-compose.yml
- README.md
解決策
1.
eslintrc.js を .js から .json に書き換える
(Nest.js側のeslintrcだけで良いかも, Nuxt.jsは.jsでもエラー出ず)
2.
.vscodeのsettings.jsonに以下のようなeslint用ルールを追加
.vscode/settings.json
{
"eslint.workingDirectories": ["backend", "frontend"]
}