PurgeCSS

ホーム > purgecss > オプション > content

Options.contentプロパティ

ファイル名またはグロブの配列を使用して、PurgeCSSで分析するコンテンツを指定できます。ファイルはHTML、Pug、Bladeなどです。

シグネチャ

content: Array<string | RawContent>;

例1

await new PurgeCSS().purge({
  content: ['index.html', '*.js', '*.html', '*.vue'],
  css: ['css/app.css']
})

例2

PurgeCSSは生コンテンツでも機能します。これを行うには、ファイル名ではなくrawプロパティを持つオブジェクトを渡す必要があります。カスタム抽出ツールで正しく機能するには、生のコンテンツと一緒にextensionプロパティを渡す必要があります。

await new PurgeCSS().purge({
  content: [
    {
      raw: '<html><body><div class="app"></div></body></html>',
      extension: 'html'
    },
    '*.js',
    '*.html',
    '*.vue'
  ],
  css: [
    {
      raw: 'body { margin: 0 }'
    },
    'css/app.css'
  ]
})