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'
]
})