使用gulp-uncss清理多余无用css

cnpm 也可以使用npm

cnpm install gulp-uncss --save-dev

gulpfile.js

var gulp = require(‘gulp‘),
    uncss = require(‘gulp-uncss‘);
gulp.task(‘uncss‘, function() {
    gulp.src(‘src/css/origin.css‘)   //冗余css文件
        .pipe(uncss({
            html: [‘src/origin.html‘]  //使用css的html页面,可多个
        }))
        .pipe(gulp.dest(‘build/css/uncss‘)); //输出目录
});

挺简单得就去除多余无用的css,再也不用css usage自己手动搞。

时间: 2024-08-01 01:26:11

使用gulp-uncss清理多余无用css的相关文章

检测和删除多余无用的css

本文主要讲解如何检测页面中多余无用的css. 1.chrome浏览器 F12审查元素的Audits 说明:使用Audits,会检测出页面中没有用到的css,需要手动删除多余的css:同时需要说明的是检测出多余无用的css块,而不是某一行css. 2.CSS usage插件 (1)安装Firefox浏览器 (2)安装firebug Firefox浏览器--添加附件--搜索插件--安装 (3)安装css usage 步骤同安装firebug一样. (4)检测 重要说明:可以导出干净的css 总结:以

Xcode清除缓存、清理多余证书

Xcode清除缓存.清理多余证书 1.删除Xcode中多余的证书provisioning profile 手动删除: Xcode6 provisioning profile path: ~/Library/MobileDevice/Provisioning Profiles 2.清理Xcode编译项目产生的缓存垃圾 (Xcode永久了,会产生很多项目编译缓存,占用一大堆硬盘空间,此时需要对该目录进行清理) 手动删除: Xcode编译项目缓存垃圾的目录: ~/Library/Developer/X

WordPress自定义菜单和修改去除多余的css

这里主要是用于模板制作的,一般前端已经写好了,我们只要将前端的内容套用WordPress后台就可以了. 所以我们在模板制作过程中,需要自定义WordPress菜单. 在functions.php文件中加入 if(function_exists('register_nav_menus')){ register_nav_menus( array( 'header-menu' => __( '导航自定义菜单' ), 'footer-menu' => __( '页角自定义菜单' ), 'sider-m

关于gulp的压缩js和css

npm install --global gulp npm install gulp --save-dev 在项目根目录下创建一个名为 gulpfile.js 的文件 var gulp = require('gulp'); gulp.task('default', function() {  // 将你的默认的任务代码放在这}); npm install  gulp-minify-css gulp-jshint gulp-uglify gulp-rename gulp-concat gulp-c

如何清理多余的Windows桌面右键菜单

删除多余的发送到选项 Win7使用一段时间后,我们可能会装很多软件,这时候右键菜单可能会变得很长,特别是“发送到(Send to)”里面的选项,有时候我们卸载软件之后在右键发送到菜单里还会有残存的选项,如果我们想清理一下Win7系统右键菜单“发送到”里面的选项,该怎么操作呢? 首先设置 文件夹选项 -显示隐藏的文件.文件夹和驱动器 WinXP系统的“发送到”选项保存在: C:\Documents and Settings\Administrator\SendTo 文件夹中 Win7的“发送到”选

Xcode清楚缓存、清理多余证书

1.删除Xcode中多余的证书provisioning profile 手动删除: Xcode6 provisioning profile path: ~/Library/MobileDevice/Provisioning Profiles 2.清理Xcode编译项目产生的缓存垃圾 (Xcode永久了,会产生很多项目编译缓存,占用一大堆硬盘空间,此时需要对该目录进行清理) 手动删除: Xcode编译项目缓存垃圾的目录: ~/Library/Developer/Xcode/DerivedData

gulp完成javascript压缩合并,css压缩

最近需要对项目进行优化,主要是对js的压缩合并和css文件的压缩,查找相关资料之后发现gulp可以实现相关的功能,特此分享一下使用心得. 1.安装gulp gulp是基于Node.js的前端构建工具.所以首先需要安装nodejs,安装nodejs. 完成nodejs安装之后,需要使用npm安装gulp. 先安装全局gulp npm install -g gulp 然后在项目根目录下安装本地gulp. 此时项目根目录下会多出下面这个文件夹 node_modules 好的,现在gulp已经安装完成了

gulp教程之压缩合并css,js

package.json如果你熟悉 npm 则可以利用 package.json 保存所有 npm install --save-dev gulp-xxx 模块依赖和模块版本.在命令行输入 npm init 会依次要求补全项目信息,不清楚的可以直接回车跳过 安装依赖安装 gulp 到项目(防止全局 gulp 升级后与此项目 gulpfile.js 代码不兼容) nup install gulp --save-dev 说明:--save-dev 保存配置信息至 package.json 的 dev

如何快速清理 Docker 无用资源

如果经常使用 docker,你会发现 docker 占用的资源膨胀很快,其中最明显也最容易被察觉的应该是对磁盘空间的占用.本文将介绍如何快速的清理 docker 占用的系统资源,具体点说就是删除那些无用的 镜像.容器.网络和数据卷. 查看 docker 占用的资源在进行资源清理之前我们有必要搞清楚 docker 都占用了哪些系统的资源.这需要综合使用不同的命令来完成. docker container ls:默认只列出正在运行的容器,-a 选项会列出包括停止的所有容器.docker image