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一起使用

WordPress

如果你想在 WordPress 中使用 PurgeCSS,可能需要将 WordPress 生成的类列入安全列表,以避免它们被 PurgeCSS 删除。purgecss-with-wordpress 包含需要列入安全列表的类。

安装

首先需要安装 purgecss。

安装 purgecss-with-wordpress:

npm i --save-dev purgecss-with-wordpress

使用

import Purgecss from 'purgecss'
import purgecssWordpress from 'purgecss-with-wordpress'

const purgeCss = new Purgecss({
  content: ['**/*.html'],
  css: ['**/*.css'],
  safelist: purgecssWordpress.safelist
})
const result = purgecss.purge()

如果你想包含其他类,可以使用扩展运算符:

{
  safelist: [
    ...purgecssWordpress.safelist,
    'red',
    'blue',
    /^red/,
    /blue$/,
  ]
}
Edit this page
Prev
Razzle
Next
Hugo