tailwindcss を postcss で purgecss しています。
tailwindcss の container
をメディアクエリで書いていたのですが、
purgecss 後に挙動がおかしい。
<div class="lg:conteiner">test</div>
とかいた場合、1024px 以上のみ container
クラスの指定が作用するのですが、
postcss-sort-media-queries を併用して postcss するとしてと 1024px 未満でも container
の指定が作用しています。
これは、 tailwindcss が @media
の順番で contianer
の振る舞いを操作していたのに、
postcss-sort-media-queries で @media
の指定順番を崩してしまったせいです。
ですので、tailwindcss を purgecss するときは postcss-sort-media-queries を使ってはダメなのです。