Getting Started

ほとんどのバンドラーとWebサイトを構築するためのフレームワークはPostCSSを使用しています。PurgeCSSを設定する最も簡単な方法は、PostCSSプラグインを使用することです。

PostCSSプラグインをインストール

npm i -D @fullhuman/postcss-purgecss

yarn add @fullhuman/postcss-purgecss --dev

そして、PurgeCSSプラグインをPostCSS設定に追加します

const purgecss = require('@fullhuman/postcss-purgecss')

module.exports = {
  plugins: [
    purgecss({
      content: ['./**/*.html']
    })
  ]
}

PurgeCSSは、contentオプションで指定されたファイルにないCSSを削除します。

PostCSSプラグインと構成オプションの詳細については、次のページを参照してください。

• PostCSSプラグイン
• 設定