首頁 > purgecss > 選項 > content

Options.content 屬性

你可以透過陣列中的檔案名稱或 glob 來指定 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'
  ]
})