PurgeCSS:自动移除未使用的CSS

PurgeCSS简介

PurgeCSS 是一个用来删除未使用的 CSS 代码的工具。可以将它作为你的开发流程中的一个环节。

当你构建一个网站时，你可能会决定使用一个 CSS 框架，例如TailwindCSS、Bootstrap、MaterializeCSS、Foundation、Bulma等，但是，你所用到的也只是框架的一小部分而已，大量 CSS 样式并未被使用。

这就是 PurgeCSS 发挥作用的地方。PurgeCSS 通过分析你的内容和 css 文件，首先它将 css文件中使用的选择器与内容文件中的选择器进行匹配，然后它会从 css中删除未使用的选择器，从而生成更小的 css 文件。

npm i --save-dev purgecss

import PurgeCSS from 'purgecss'
const purgeCSSResults = await new Purgecss().purge({
  content: ['**/*.html'],
  css: ['**/*.css']
})

您可以在PurgeCSS中文网查看PurgeCSS的完整文档。