入门

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

安装 PostCSS 插件

npm i -D @fullhuman/postcss-purgecss

yarn add @fullhuman/postcss-purgecss --dev

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

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

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

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

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

• PostCSS 插件
• 配置