编程式 API

首先，将 PurgeCSS 作为开发依赖安装。

:::: code-group ::: code-group-item NPM

npm install purgecss --save-dev

::: ::: code-group-item YARN

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: '/* 清除后的 main.css */'
    },
    {
        file: 'animate.css',
        css: '/* 清除后的 animate.css */'
    }
]

结果的类型是

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