编写非常大的级联样式表（CSS）文件的最佳方法是什么[关闭]

Question

我们的网站有一些非常复杂的样式，我们希望确保 CSS 不会变得难以管理。

在生产中，我们的理想似乎是通过公共 CDN 服务器提供尽可能少的外部 CSS 文件（理想情况下是 1 个？），并且可能是最小化版本。

在开发中，我们的理想似乎是多个 CSS 文件；每个 CSS 文件将只包含特定概念的那些样式，例如选项卡或日期时间选择器（只是组成这些，但你明白了）。拥有多个文件可以让开发人员/设计人员快速找到感兴趣的 CSS 类，而且我们也减少了文件争用问题，因为每个人都在更新单独的文件。

我很想保留单个文件用于开发目的，但有一个外部应用程序可以连接/缩小 CSS 文件以用于生产。不过，我确信这不是第一个遇到这些问题的网站，所以我很想听听其他人是如何解决这个问题的。

Answer 1

我强烈推荐 Compass，它是一个支持 Sass 的开源创作框架，除其他功能外，还提供了将用于开发的单独文件连接起来（并缩小！）用于使用构建过程进行生产的能力。

http://compass-style.org/

这里是a brief blog entry on some of Compass's benefits。

Answer 2

ASP.NET 4.5 支持捆绑和缩小。您可以将整个 CSS 文件夹定义为捆绑并缩小到一个文件中。

http://weblogs.asp.net/scottgu/archive/2011/11/27/new-bundling-and-minification-support-asp-net-4-5-series.aspx

在调试（即开发）时，它不会被缩小，对于产品发布版本，您将获得缩小