| 1 | # css优化策略
|
| 2 |
|
| 3 | ## combo策略
|
| 4 |
|
| 5 | ```
|
| 6 | {%widget name="a"%}
|
| 7 | {%widget name="b"%}
|
| 8 | ```
|
| 9 |
|
| 10 | 编译后
|
| 11 |
|
| 12 | ```
|
| 13 | <link type="text/css" rel="stylesheet" href="http://cdn/??widget/a/a.css,widget/b/b.css" />
|
| 14 | ```
|
| 15 |
|
| 16 | 相关配置参数
|
| 17 |
|
| 18 | ```
|
| 19 | "output":{
|
| 20 | "comboItemCount":2, //在同一个文件夹中，如果js或css文件数多余次数字，则会 combo
|
| 21 | "cssCombo": true, //css进行combo
|
| 22 | "jsCombo": true, //js进行combo
|
| 23 | }
|
| 24 | ```
|
| 25 |
|
| 26 | ## 压缩css代码
|
| 27 |
|
| 28 | ```
|
| 29 | .test1{
|
| 30 | background: url(i/test1.png);
|
| 31 | }
|
| 32 | ```
|
| 33 |
|
| 34 | 压缩后
|
| 35 |
|
| 36 | ```
|
| 37 | .test1{background:url(i/test1.png)}
|
| 38 | ```
|
| 39 |
|