prettierでimport orderを整形したい

TL;DR

@trivago/prettier-plugin-sort-importsを使った。

github.com

package.jsonに@trivago/prettier-plugin-sort-importsを追加

npm install -D @trivago/prettier-plugin-sort-imports

prettierの設定をする

prettier-plugin-sort-imports

import順は

1. react関連のモノ
2. @mui関連のモノ
3. それ以外
4. 自分のプロジェクトの参照

としてみた。

適当に設定してみたけど、ちゃんとソートされるしいい感じ。