代码之家 › 专栏 › 技术社区 › Jim Jeffers

如何使CSS生成过程自动化?

build-process css

1

Jim Jeffers · 技术社区 · 16 年前

在较大的项目中,我对样式表进行了分段,这些样式表具有为特定模块编写的规则。我希望能够自动化一个过程,缩小我的CSS(至少删除注释),并将多个CSS文件组合成一个资产,以最小化请求。

1 回复 | 直到 16 年前

1

scunliffe 16 年前

如果您使用的是php 5+,我强烈推荐 Scaffold . 当我看到它是多么的简单,却又是多么的强大时,我的脑海里一片混乱。 Watch the video 看到它的行动

支持:

常量
混合蛋白
嵌套选择器
表达
缓存和gzip
可通过插件扩展

因此,您可以执行以下操作:

/*include/aggregate other CSS files*/
@include '/css/reset.css';
@include '/css/sections/layout.css';
#foo{
  background-color:#efefef;
  color:#333;
  /* nested selectors will expand in the output */
  a{
    color:#11f;
    padding:2px;
  }
}

把所有的东西都拿出来 缩小的 , 格子化的 和 缓存的 作为一个 单一的 CSS文件