PurgeCSS

PostCSS

警告

如果您使用 PostCSS 7，請安裝 @fullhuman/postcss-purgecss 3.0.0：npm i -D @fullhuman/postcss-purgecss@3.0.0。從版本 4.0 開始，它僅相容於 PostCSS >=8。

安裝

npm i -D @fullhuman/postcss-purgecss postcss

用法

在 postcss.config.js

const purgecss = require('@fullhuman/postcss-purgecss')

module.exports = {
  plugins: [
    purgecss({
      content: ['./**/*.html']
    })
  ]
}

使用 PostCSS API

const purgecss = require('@fullhuman/postcss-purgecss')
postcss([
  purgecss({
    content: ['./src/**/*.html']
  })
])

請參閱 PostCSS在新視窗中開啟 文件，以取得您環境的範例。

選項

PurgeCSS 的所有選項都可以與外掛程式一起使用。您將在下方找到可用的主要選項的類型定義。如需完整清單，請前往 PurgeCSS 文件網站在新視窗中開啟。

export interface UserDefinedOptions {
  content?: Array<string | RawContent>;
  contentFunction?: (sourceFile: string) => Array<string | RawContent>;
  defaultExtractor?: ExtractorFunction;
  extractors?: Array<Extractors>;
  fontFace?: boolean;
  keyframes?: boolean;
  output?: string;
  rejected?: boolean;
  stdin?: boolean;
  stdout?: boolean;
  variables?: boolean;
  safelist?: UserDefinedSafelist;
  blocklist?: StringRegExpArray;
}

interface RawContent {
  extension: string
  raw: string
}

interface RawCSS {
  raw: string
}

type StringRegExpArray = Array<RegExp | string>;