CleanCss入门教程_基于Node.js的CSS代码压缩工具

CleanCss入门教程

官方网址:https://jakubpawlowicz.github.io/clean-css/

CleanCss入门教程_基于Node.js的CSS代码压缩工具

GitHub:https://github.com/jakubpawlowicz/clean-css

简介描述:基于Node.js的CSS代码压缩工具

Clean-CSS 是一个非常简单的 CSS 压缩程序,基于Node.js环境开发使用,可以删除 CSS 中一些无用的空格、评论以及每个选择器后面的分号,还可以压缩通过@import引入的CSS文件。

环境依赖

Node.js 4.0+ (tested on CentOS, Ubuntu, OS X, and Windows)

通过Npm安装

npm install clean-css

如何使用命令行

Clean-CSS接受下列命令行参数,使用时请将需要优化的CSS文件<source-file>放置到最后一个参数后面,避免遇到潜在的不可预想的问题。

cleancss [options] source-file, [source-file, ...]

-h, --help                     output usage information
-v, --version                  output the version number
-b, --keep-line-breaks         Keep line breaks
-c, --compatibility [ie7|ie8]  Force compatibility mode (see Readme for advanced examples)
-d, --debug                    Shows debug information (minification time & compression efficiency)
-o, --output [output-file]     Use [output-file] as output instead of STDOUT
-r, --root [root-path]         Set a root path to which resolve absolute @import rules
-s, --skip-import              Disable @import processing
-t, --timeout [seconds]        Per connection timeout when fetching remote @imports (defaults to 5 seconds)
--rounding-precision [n]       Rounds to `N` decimal places. Defaults to 2. -1 disables rounding
--s0                           Remove all special comments, i.e. /*! comment */
--s1                           Remove all special comments but the first one
--semantic-merging             Enables unsafe mode by assuming BEM-like semantic stylesheets (warning, this may break your styling!)
--skip-advanced                Disable advanced optimizations - ruleset reordering & merging
--skip-aggressive-merging      Disable properties merging based on their order
--skip-import-from [rules]     Disable @import processing for specified rules
--skip-media-merging           Disable @media merging
--skip-rebase                  Disable URLs rebasing
--skip-restructuring           Disable restructuring optimizations
--skip-shorthand-compacting    Disable shorthand compacting
--source-map                   Enables building input's source map
--source-map-inline-sources    Enables inlining sources inside source maps

海计划公众号
(0)
上一篇 2020/03/06 08:35
下一篇 2020/03/06 08:35

您可能感兴趣的内容

  • Js执行上下文指南教程_上下文使用说明

    概念执行上下文,Execution Context,下面简称EC。当函数执行时,会创建一个称为执行上下文的内部对象(可理解为作用域)。一个执行上下文定义了一个函数执行时的环境。执行栈执行全局代码时,会产生一个 全局执行上下文环境,每次调用函数都又会产生 新的执行上下文环境。当函数调用完成时,这个上下文环境以及其中的数据都会被消除,再重新回到全局上下文环境。处

    2020/03/24
  • react-bootstrap基础教程_一款基于ReactJS对Bootstrap进行封装前端组件库

    react-bootstrap基础教程 官方网址:https://react-bootstrap.netlify.com GitHub:https://github.com/rea…

    2020/03/06
  • 项目中使用 TypeScript 的一些感悟小白指南_TypeScript使用帮助

    上周发布了一款名为 Smartour 的工具,是完全采用 TypeScript (以下简称 ts)来开发的。抛开以前做业务的时候的不完全使用,这次实践可以算是我第一次真正意义上的使用 ts。由于写法上的不同,以及对不熟悉事物的新鲜感,在这次项目开发的过程中着实有着许多感悟,于是打算写篇小东西好好记录下来。TS 能让人养成“先思考后动手”的好习惯在以往的开发过

    2020/03/29
  • b站flv.js使用基础入门由原生js开发、实现在html5播放flv格式视频的js库_flv.js小白攻略

    Flv.js是什么?Flv.js 就是由 bilibili 网站开源的 HTML5 Flash 视频(FLV)播放器,纯原生 JavaScript 开发(ECMAScript 6 编写) ,没有用到 Flash。它的工作原理是 Flv.js 在 JavaScript 中流式解析 flv 文件流,并实时转封装为 fmp4 ,通过 Media Source Ex

    2020/04/05
  • 如何快速的创建一个包含100个元素的数组基础教程_Array基础知识

    ​本文为笔者原创,之后可能随时修改,若需转载请保留此头部,以便读者追本朔源。本文地址 : http://blog.zhukejin.com/archives/328如题, 最初见到的问题是如何创建100个为元素为0 的数组,研究了一系列的方法,包含Es6 新的API ,不得不说, ES6 好强大!如果问一个新手,那么得到的回答极有可能就是 循环,当然循环也无

    2020/04/05
  • 不同浏览器的内核小白攻略_浏览器基础教程

    什么是浏览器内核?网页上所用到的语言有:html, css, JavaScript等,其中,前两者通常决定了该页面长什么样,它们是可以说都是约定的规范。不同的浏览器在获取到某页面的代码文件后,负责根据这套规范将代码渲染出来呈现给用户,浏览器内核所做的就是这个渲染工作。因此,浏览器内核,也被称为排版引擎(layout engine)、渲染引擎(renderin

    2020/03/26
  • React setState 这样用,开发直呼内行!小白指南_react使用帮助

    众所周知, React 是通过管理状态来实现对组件的管理,而setState是用于改变状态的最基本的一个方法,虽然基础,但是其实并不容易掌握,本文将结合部分源码对这个方法做一个相对深入的解析。基本用法首先官方文档给出的,它的基本API:// 接受2个参数,updater 和 callback
    setState(updater[, callback])// 第

    2020/03/22
  • Vue.js 如何使用 Socket.IO使用攻略_socket基础入门

    在很多需求业务中,都需要浏览器和服务器实时通信来实现功能,比如:扫码登录(扫码后,手机确认登录,PC网页完成登录并跳转)、订单语言提醒等,这些都是建立在两端实时通信的基础上的。对前端而言,来实现浏览器和服务器实时通信,最好的选择就是Socket.IO库,能够快速的实现两端实时通信功能。1、什么是 Socket.IO?Socket.IO是一个WebSocket

    2020/03/26
  • angular怎么移除事件监听基础教程_事件菜鸟教程下载

    在一个controller代码块被释放掉的时候,我们通常要将一些监听的事件同时释放掉,正常的$scope是不需要我们来维护的。当我们对$rootScope进行监听的时候,类似的全局变量或者说在其他地方依然有引用的变量是不会被释放掉的,而我们在controller中对rootScope做对应的事件监听,比如说stateChange等,每次controller初

    2020/03/20
  • API文档管理工具折射出的技术视野小白指南_api入门基础知识

    什么是技术视野网上看到不少关于如何提升技术视野的讨论,但却没有人给出定义,到底什么是技术视野?所谓技术视野,就是看问题时所能切换的不同角(维)度。下面就以API管理工具(以下简称“管理工具”)为例,来探讨背后隐藏的技术视野。API管理工具零视角曾经在一个小型创业公司用到过最简单的管理工具,就是一个开源的文档管理工具,界面功能类似wiki(维基百科)。这样的工

    2020/03/24
  • Basscss入门百科一个CSS重置,网格系统、颜色类、实用类等来帮助你建立你的响应式设计

    Basscss基础入门 官方网址:http://basscss.com/ GitHub:https://github.com/basscss/basscss 简介描述:一个CSS重…

    2020/03/05
  • Linux下4种禁用Root登陆的方法,你掌握了哪几种呢?小白帮助_root基础入门

    我们都知道 Linux 下 Root 用户的权限是最大的,因此一般不推荐直接使用 Root 用户操作。通常都是使用普通用户,在必要时通过 Sudo 命令来提权。在 Ubuntu 中,更是直接把 Root 用户直接禁用了。那么如何在 Linux 中禁止Root 登陆呢?今天,我们就来介绍几种常用的方法。1. 修改 Root 用户的登陆 Shell我们可以通过编

    2020/03/23
  • Quicker基础知识教程_基于鼠标操控的效率神器

    Quicker基础知识教程 官方网址:https://getquicker.net/ 简介描述:基于鼠标操控的效率神器 「Quicker」是一款把鼠标的操控能力提高到极致的效率型工…

    2020/03/10
  • Choices.js小白帮助_一个JS可定制的选择框/文本输入插件

    Choices.js小白帮助 官方网址:https://joshuajohnson.co.uk/Choices/ GitHub:https://github.com/jshjohn…

    2020/03/06
  • Git命令总结入门基础_命令指南教程

    Git 是当前最流行的版本控制程序之一,文本包含了 Git 的一些基本用法 创建 git 仓库 初始化 git 仓库mkdir project # 创建项目目录cd project # 进入到项目目录git init # 初始化 git 仓库。此命令会在当前目录新建一个 .git 目录,用于存储 git 仓库的相关信息初始化提交touch README

    2020/03/23
  • 云沃客小白攻略_自由的云工作平台

    云沃客小白攻略 官方网址:https://www.clouderwork.com/ 简介描述:自由的云工作平台 云沃客是一个垂直于数字化的云工作服务平台。众多与软件开发、网站建设、…

    2020/03/11