package.json と eslint の設定のミスマッチについて

Question

[やったこと]

1. package.json にて、 name を "app" に設定しました。

そうすることで、 各ライブラリをimportする時に appをプロジェクトルートとして扱うことができ、

import HomeScreen from 'app/src/screens/HomeScreen' 

等で指定できるようにしました。

1. eslintを設定したところ、上記の app を　プロジェクトルートとして読み取ってもらえず、eslintの判断として importエラーになります。

2. package.jsonの中に eslintConfig で書き込めばうまく行くと考えましたが、eslint自体が動かなくなりました。

[やりたいこと]
package.jsonの app = プロジェクトルート の設定を残したままで、eslintもそれを認識した状態にしたいです。

様々調べてみたのですが、手がかかりがつかめません。どなたかアドバイスをいただけませんでしょうか？

Answer 1

自己解決しました。
こちらのライブラリをインストールすることで条件付きで設定できました。
https://www.npmjs.com/package/babel-plugin-root-import

当初、 app/ ... で rootディレクトリへのエイリアスとしたかったのですが、なぜかappでの設定はうまくいかず。。。 ~/　での設定は上記のライブラリの説明ページ通りの設定でうまくいきました。 app/ ではなく　~/ で対応とはなりますが、一応解決です。