Next.jsのアプリをデプロイしたら、なぜかTailwind CSSが効いてない！

#起こったこと
npm run devでは効いていたTailwind CSSのstyled componentが、デプロイしたら一つもCSS効いてない。。

#環境

• tailwind-styled-components: ^2.0.3
• tailwindcss: ^2.2.19

#原因
ディレクトリ構造を変えたのに、tailwind.config.jsの`purgeを変えていなかった。

create-next-appすると、ルート直下にpagesディレクトリができます。
srcディレクトリを作ってその下にpagesを移動したのに、公式のインストールガイドに従って設定したpurgeのままになっていたのが原因。

tailwind.config.js

module.exports = {
  purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
  // tailwindcss 2.2.19までの書き方
  // 3.0ではpurgeではなくcontent
}

#対処
purgeにsrc配下を指定したら無事動きました。

tailwind.config.js

module.exports = {
  purge: ['./src/**/*.{js,ts,jsx,tsx}'],
}

npm run devで動くページではconfigの設定関係なく見た目変わるので、デプロイするまで気づかなかった。。