入門

大多數用於建構網站的打包器和架構都使用 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 外掛程式
• 組態