assets:precompileでフロントエンドテストがコンパイルされたらtsconfigを疑え

Ruby on Rails React TypeScript

環境

起きたこと

  • jest @testing-library/react あたりを使ってフロントエンドテストを書いた
    • もちろんdevDependenciesで
    • React Componentのテストの拡張子は xxx.test.tsx とした
  • テストファイルは app/javascripts 以下ではなく test ディレクトリを掘って配置した
  • production環境下の assets:precompile で test 以下のファイルもコンパイル対象になり、依存ライブラリを見つけられずにビルドがコケた

対応

webpacker.yml でも config/webpack 以下でもなく tsconfig.json 以下に以下を追加する

  "exclude": [
+    "test",
     "node_modules"
  ]

tsconfigのことすっかり忘れてwebpackerにexclude optionないじゃん〜と困ってしまった。せつない