如何自动化CSS构建过程?

时间:2010-01-21 01:42:26

标签: css build-process

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

1 个答案:

答案 0 :(得分:1)

如果您使用的是PHP 5+,我强烈推荐Scaffold。当我看到它有多么容易时,它会让我大吃一惊 - 但它有多强大。 Watch the video要看到它的实际效果

支持:

  • 常量
  • 混入
  • 嵌套选​​择器
  • 表达式
  • 缓存和gzipping
  • 可通过插件扩展

因此你可以做以下事情:

/*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;
  }
}

将整个缩小 gzip 缓存作为单个 CSS文件