PurgeCSS中文文档网PurgeCSS中文文档网
首页
文档
API参考
GitHub
首页
文档
API参考
GitHub
  • PurgeCSS

    • 关于PurgeCSS
    • 快速开始
    • 配置
    • 命令行接口
    • 编程API
    • 安全列表
    • 提取器
  • 插件

    • PostCSS插件
    • Webpack插件
    • Gulp插件
    • Grunt插件
    • Gatsby插件
  • 指南

    • Vue
    • React
    • Next.js
    • Nuxt.js
    • Razzle
    • WordPress
    • Hugo
  • 比较
  • 常见问题

    • 如何与CSS模块一起使用
    • 如何与Ant Design一起使用

入门

大多数打包工具和网站构建框架都在使用 PostCSS。配置 PurgeCSS 最简单的方法是使用其 PostCSS 插件。

安装 PostCSS 插件:

npm
npm i -D @fullhuman/postcss-purgecss
yarn
yarn add @fullhuman/postcss-purgecss --dev

并将 PurgeCSS 插件添加到 PostCSS 配置中:

import { purgeCSSPlugin } from '@fullhuman/postcss-purgecss';

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

PurgeCSS 将删除不在 content 选项指定文件中的 CSS。

你可以在以下页面找到有关 PostCSS 插件和配置选项的更多信息:

  • PostCSS 插件
  • 配置
Edit this page
Prev
关于PurgeCSS
Next
配置