Tailwind CSS v3
JITが標準になり、生成されるCSSファイルのサイズが、非常にコンパクトになりました。
v3になって、カラーの定義が変更されているので、CSSのソースから確認したいと思いました。
CSSが、全部定義されているものを生成する方法について、調べてみました。
使用環境のTailwind CSSのバージョンが古いのは、一年前に試したからです。
使用環境
| Name | Version |
|---|---|
| tailwindcss | 3.0.7 |
| postcss | 8.4.5 |
safelist
tailwind.config.jsに下記の通り、safelistを記述します。
module.exports = { safelist: [ { pattern: /.*/, }, ], content: [ './pages/**/*.{html,js}', ], theme: { extend: {}, }, variants: {}, plugins: [], }
