🐈

swcMinifyが有効なときTailwindが効かない

2022/11/16に公開

メモ的に残します。

例えばNext13でtailwindを使おうとしたとき効かなかったのでメモ。

困っていたこと

Next13プロジェクトに↓に従ってtailwindを設定。
https://tailwindcss.com/docs/installation

しかし効かない。

解決策

/** @type {import('next').NextConfig} */
const nextConfig = {
  reactStrictMode: true,
  swcMinify: false, // <- trueだと効かない
}

module.exports = nextConfig

next.config.jsのswcMinnifyをfalseにすることで解決。

Discussion