PurgeCSS HTML 提取器

安装

npm install purgecss-from-html

基本使用

import PurgeCSS from 'purgecss'
import purgecssFromHtml from 'purgecss-from-html'

const purgeCss = new PurgeCSS({
  content: ['./src/**/*.html'],
  css: ['./src/**/*.css'],
  extractors: [
    {
      extractor: purgecssFromHtml,
      extensions: ['html']
    }
  ]
})

const result = await purgeCss.purge()

特性

  • 专门为 HTML 文件设计的选择器提取器
  • 支持从 HTML 文件中提取类名、ID 和其他选择器
  • 可与 PurgeCSS 核心包无缝集成

配置选项

此提取器不需要额外的配置。它会自动从 HTML 文件中提取选择器。

示例

<!-- index.html -->
<div class="container">
  <h1 id="main-title" class="title">Hello World</h1>
  <button class="btn btn-primary">Click Me</button>
</div>

在这个例子中，提取器将识别以下选择器：

  • .container
  • #main-title
  • .title
  • .btn
  • .btn-primary

相关链接