ViteでReact x TypeScriptで立ち上げたプロジェクトからcss関連の記述を消す

はじめに

• 何度も検証用、練習用にviteプロジェクトを立ち上げている

問題

• 不要な記述は触りたいファイルないから消すなら手動でいいけど、cssはあっちこっちいくから面倒

解決

• 以下のコマンドで解決

rm src/App.css
rm src/index.css
grep -v 'import.*\.css' src/App.tsx > src/App.tsx.tmp && mv src/App.tsx.tmp src/App.tsx
grep -v 'import.*\.css' src/main.tsx > src/main.tsx.tmp && mv src/main.tsx.tmp src/main.tsx

終わりに

• 以下の組み合わせでtmpファイルを作って対応するのは結構頻繁に使えそう。個々を深掘りしていきたい
  • grep -v マッチしなかった行
  • > リダイレクトで全部書き込む
  • 正規表現