程式化 API

首先將 PurgeCSS 安裝為開發依賴項。

npm install purgecss --save-dev

yarn add purgecss --dev

現在你可以在 JavaScript 檔案中使用 PurgeCSS。

在以下範例中，傳遞給 PurgeCSS 的選項與 這裡 相同。結果 `purgecssResult` 是包含已清除 CSS 的檔案名稱的物件陣列。

用法

ES 模組匯入語法

import { PurgeCSS } from 'purgecss'
const purgeCSSResult = await new PurgeCSS().purge({
  content: ['**/*.html'],
  css: ['**/*.css']
})

CommonJS 語法

const { PurgeCSS } = require('purgecss')
const purgeCSSResult = await new PurgeCSS().purge({
  content: ['**/*.html'],
  css: ['**/*.css']
})

purgeCSSResult 的格式為

[
    {
        file: 'main.css',
        css: '/* purged css for main.css */'
    },
    {
        file: 'animate.css',
        css: '/* purged css for animate.css */'
    }
]

結果的類型為

interface ResultPurge {
  css: string;
  file?: string;
  rejected?: string[];
  rejectedCss?: string;
}