PurgeCSS 核心包
安装
npm install purgecss
基本使用
import PurgeCSS from 'purgecss'
const purgeCss = new PurgeCSS({
content: ['**/*.html'],
css: ['**/*.css']
})
const result = await purgeCss.purge()
配置选项
content
- 类型：
string[] - 描述：包含要分析的文件路径的数组。
css
- 类型：
string[] - 描述：要处理的 CSS 文件路径数组。
extractors
- 类型：
Array<{ extractor: Function, extensions: string[] }> - 描述：自定义提取器，用于从特定文件类型中提取选择器。
safelist
- 类型：
string[] | { standard?: string[], deep?: string[], greedy?: string[] } - 描述：要保留的选择器列表。
blocklist
- 类型：
string[] - 描述：要删除的选择器列表。
方法
purge()
- 返回：
Promise<Array<{ css: string, file?: string }>> - 描述：分析内容并删除未使用的 CSS。
示例
import PurgeCSS from 'purgecss'
const purgeCss = new PurgeCSS({
content: ['./src/**/*.html', './src/**/*.js'],
css: ['./src/styles.css'],
safelist: {
standard: ['body', 'html'],
deep: [/^nav-/],
greedy: [/^bg-/]
}
})
const result = await purgeCss.purge()
console.log(result)