简单十步将CSS压缩至一行

网络整理 - 07-27

如果你不希望代码看着很臃肿,如果你是个简洁主义者,那么就看看下面如何将CSS代码压缩吧。

一 去掉因依赖代码提示产生的冗余字节:

1 去掉"{"右边的空格;

2 去掉";"右边的空格;

3 去掉"}"左边的";";

4 去掉":"左右的空格;

5 去掉"!important"左边的空格;

二 去掉提高代码可读性的冗余字节:

6 去掉tab缩进;

7 去掉换行\r\n;

8 去掉注释\/\*(\s|.)*?\*\/;

三 建议书写时保持良好习惯的一些处理:

9 去掉":0px"和"空格+0px"结构的"px";

四 存在expression的情况下:

10 如果存在判断则去掉"?","<",">","=","(",")"左右的空格;//记得不要开正则替换,否则会很惨