TaiwindCSSのclassの順番並び替えを最速で導入する

2022/02/21に公開

最近はTailwindCSSが便利すぎてハマってしまっている...

classの順番を自動で整えてくれるものを探してみたところ,いくつかあるが,

公式も推奨しているprettier-plugin-tailwindcssが最速過ぎた

yarn add -D prettier prettier-plugin-tailwindcss

これだけ(prettierが元からあるならprettier-plugin-tailwindcssだけでOK)

これをいれるだけで即座にprettierのフォーマッターが動くようになります.

https://tailwindcss.com/blog/automatic-class-sorting-with-prettier

ESlintで並び替えるやつも入れていたが,tailwindのclassじゃないものにwarningとか出て鬱陶しかったからこれがシンプルで良いと思っています.

Discussion