Tailwind v4 で読み込むソースを減らす方法

概要

Tailwind v4では自動でソースが読み込まれるが、対象外にするほうがわかりにくいので共有です。

tailwind.css

@source not '../**/*.{js,jsx,ts,tsx,liquid}';
@import 'tailwindcss';

だめなもの

以下は無意味です。 @config で指定しても対象外になりません。

tailwind.config.js

module.exports = {
  content: [],
};

べつのもの

以下でもいけます。

tailwind.css

@config '../tailwind.config.js';
@import 'tailwindcss';

tailwind.config.js

module.exports = {
  content: ['!./**/*.{js,jsx,ts,tsx}'],
};