当前位置: 首页 > 软件库 > Web应用开发 > CSS框架 >

purgecss

CSS 文件管理器
授权协议 MIT
开发语言 JavaScript
所属分类 Web应用开发、 CSS框架
软件类型 开源软件
地区 不详
投 递 者 桂浩言
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

当你建立一个网站的时候,你可能会大量使用像Bootstrap,Materializecss,Foundation这样的框架,但是你只会使用其中的一小部分,而且这部分还包括了大量的多余的CSS样式。Purgecss起作用了,Purgecss会分析你的内容和你的css文件。然后将文件中使用的选择器与内容文件中的选择器相匹配。再从CSS中删除未使用的选择器,是的css文件变得更小。

入门:

安装

npm i --save-dev purgecss

使用

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

使用自定义提取器:

import Purgecss from 'purgecss'
import purgeHtml from 'purge-from-html'
const purgeCss = new Purgecss({
  content: ['**/*.html'],
  css: ['**/*.css'],
  extractors: [
    {
      extractor: purgeHtml,
      extensions: ['html']
    }
  ]
})
const result = purgecss.purge()
  • 原文地址:Measure runtime performance in Vue apps 原文作者:Alex Jover 译者:程序猿何大叔 特别声明:本文是作者 Alex Jover 发布在 VueDose 上的一个系列。 版权归作者所有。 译者在翻译前已经和作者沟通得到了翻译整个系列的授权。 为了不影响大家阅读,获得授权的记录会放在本文的最后。 我们有很多可以提高 web 性能的方法,而其中一

  • tailwind css I recently set out to move my blog CSS to Tailwind. 我最近着手将博客CSS移至Tailwind 。 Tailwind is an interesting framework because instead of providing a set of widgets like Bootstrap or others, it

  • 插件大名@fullhuman/postcss-purgecss 使用此插件后无法开发多端项目,因为h5页面是uni自定义的类名,插件是通过字符匹配来校验是否使用类名 提前注意事项: 如果出现了某些样式被插件失误清除可以直接在生产模式使用此功能,或者在插件的函数里面加上一段代码(任一代码) 目的就是让插件重新进行代码清除 一些都变回正常_ 你可能需要的文档 插件官网 npm文档地址 postcss-

  • with Vue CLI 3 A Vue.js project Created with vue-cli This example shows how to set up Purgecss with a newly create Vue CLI 3 app. Once you initialized your project with vue create app-name, install th

  • 静态负载均衡和动态负载均衡 by Sarah Dayan 通过莎拉·达扬 我如何使用PurgeCSS减少250KBCSS静态负载 (How I dropped 250KB of dead CSS weight with PurgeCSS) I’m a big advocate for utility-first CSS. After trying several methods over the

 相关资料
  • 这篇文档描述了Django为那些用户上传文件准备的文件访问API。底层的API足够通用,你可以使用为其它目的来使用它们。如果你想要处理静态文件(JS,CSS,以及其他),参见管理静态文件(CSS和图像)。 通常,Django使用MEDIA_ROOT和 MEDIA_URL设置在本地储存文件。下面的例子假设你使用这些默认值。 然而,Django提供了一些方法来编写自定义的 文件储存系统,允许你完全自定

  • 文件管理 C-x d (M-x dired) 进入 Dired 列表模式 C-x C-d (M-x list-directory) 获取文件列表(简洁) C-x C-f (M-x find-file) 打开文件,没有文件名则打开目录 定位、查看 表 25.16. Emacs 文件管理   向下 向上   文件 n p C-n C-p SPC DEL 上一级 目录 > < ^ 已标记 M-} M-{

  • 使用 Vim 编辑目录时,会进入文件管理模式: vim . 文件管理模式中可以实现一些简单的文件管理功能: enter 打开文件或文件夹 Ctrl+o 后退 o 新开一栏进行编辑 O 在前一次打开的栏中编辑 p 预览 i 显示/隐藏文件大小、日期 s 切换文件排序方式 r 切换顺序、逆序 - 回到上一级目录 c 将 Vim 执行目录设定为当前目录 R 重命名 D 删除 x 运行 :cd 设定所有窗

  • 细节 / 目录为文件系统根目录,所有目录都是它的子目录 绝对路径以 / 起始,相对路径以当前所在目录起始 目录是一种特殊类型的文件,如果没有特别指明, 文件 包括文件和目录 .. 表示上一级目录, . 表示当前目录,它们是两个特殊目录 链接. 为当前文件建立在其它路径中的访问方法。例如将系统中其它位置的可执行文件,链接到 /usr/local/bin 目录下,使用命令调用。 ls [路径] 显示当

  • 对于计算机来说,所谓的数据就是0和1的序列。这样的一个序列可以存储在内存中,但内存中的数据会随着关机而消失。为了将数据长久保存,我们把数据存储在光盘或者硬盘中。根据我们的需要,我们通常会将数据分开保存到文件这样一个个的小单位中(所谓的小,是相对于所有的数据而言)。但如果数据只能组织为文件的话,而不能分类的话,文件还是会杂乱无章。每次我们搜索某一个文件,就要一个文件又一个文件地检查,太过麻烦。文件系

  • cPanel文件管理器为您提供了在cPanel界面中快速管理文件的有用选项。 它易于使用,它消除了使用FTP的麻烦。 您可以从此界面创建,上载,修改或删除文件。 它还提供了在永久删除文件之前将文件移动到废纸篓的功能,以后可以从中恢复。 要打开文件管理器,请单击“文件”部分中的“文件管理器”。 它将打开一个新选项卡,一旦您进入文件管理器,您将看到这样的仪表板。 cPanel文件管理器为您在文件中导航

  • Android 平台上具有完整功能的文件管理,漂亮的UI界面设计以及良好的用户体验。支持android 1.5及以上平台。 包括: Faenza图标可用于30多种不同的文件类型,工具栏和菜单项,这是Linux上最受欢迎的图标主题之一。 剪切,复制,粘贴 建立资料夹 隐藏或显示隐藏文件 列表视图用于文件浏览 APK文件的缩略图 主屏幕上的支持文件快捷方式可轻松访问 添加用于浏览的图标模式。

  • 系统将任何输入或输出数据视为字节流。 有三个标准文件流 - 标准输入(stdin), 标准输出(标准输出),和 标准错误(stderr)。 文件描述符 file descriptor是作为文件ID分配给文件的16位整数。 创建新文件或打开现有文件时,文件描述符用于访问文件。 标准文件流的文件描述符 - stdin, stdout和stderr分别为0,1和2。 文件指针 file pointer以