PurgeCSS:自动移除未使用的CSS


PurgeCSS简介

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

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

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

PurgeCSS入门

PurgeCSS安装

npm i --save-dev purgecss

PurgeCSS用法

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

PurgeCSS文档

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

PurgeCSS

Plugins

Guides


 本篇
PurgeCSS:自动移除未使用的CSS PurgeCSS:自动移除未使用的CSS
PurgeCSS简介PurgeCSS 是一个用来删除未使用的 CSS 代码的工具。可以将它作为你的开发流程中的一个环节。 当你构建一个网站时,你可能会决定使用一个 CSS 框架,例如TailwindCSS、Bootstrap、Materia
2020-03-11
下一篇 
Cheerio: 快, 灵活, 轻, 特别为服务器端设计的 jQuery 核心实现 Cheerio: 快, 灵活, 轻, 特别为服务器端设计的 jQuery 核心实现
const cheerio = require('cheerio') const $ = cheerio.load('<h2 class="title">Hello world</h2>') $('h2.title').tex
2020-03-05
  目录