ツール
PostCSS
CSS をプラグインで変換するツール。Autoprefixer や Tailwind CSS の処理系として、ビルドの裏側で動いていることが多い。
問題一覧(4)
Autoprefixer がベンダープレフィックスを付けてくれない
Autoprefixer は Browserslist の対象ブラウザと Can I Use のデータからプレフィックスの要否を決める。対象が新しいブラウザだけなら何も付かないのが正常で、まず対象の確認から始める。
更新: 2026-10-04、タグ: autoprefixer、browserslist、vendor-prefix
postcss.config.js が ESM プロジェクトで読み込めずビルドが落ちる
package.json に type: module があると postcss.config.js は ES モジュールとして評価されるため、module.exports や require が使えず落ちる。export default に書き換えるか拡張子を .cjs にする。
更新: 2026-10-20、タグ: postcss-config、esm、commonjs
PostCSS で @import が展開されず 1 ファイルにまとまらない
@import の展開には postcss-import が必要で、しかもプラグイン配列の先頭に置かないと後続のプラグインが読み込み先の CSS を見られない。登録と順序の 2 点を確認する。
更新: 2026-10-22、タグ: postcss-import、css、bundle
PostCSS で CSS のネストが展開できない
ネストの展開にはプラグインが要る。仕様準拠の postcss-nesting と Sass 風の postcss-nested は別物で、どちらを入れたかによって書ける記法が変わる。
更新: 2026-10-22、タグ: css-nesting、postcss-nesting、postcss-nested