php - SASS 和/或 LESS - 我可以即时创建动态 CSS 文件吗？

Question

我正在使用 CakePHP 来构建我的网站(如果这很重要的话)。我有大量的元素/模块，每个元素/模块都有自己的文件和相当复杂的 CSS(在某些情况下)。

目前 CSS 在一个巨大的单个 CSS 文件中，但为了理智(以及下面提到的细节)，我希望能够将 CSS 保存在它自己的文件中 - 即 css/modules/旋转器.css。但是对于普通的 CSS，那会调用大量的 CSS 文件。

因此，我开始根据建议研究 SASS 或 LESS。但是 - 似乎这些应该被编译然后上传。但在我的例子中，每个页面都可以通过 CMS 进行编辑，因此一个页面可能在一分钟内有 10 个模块，然后在 CMS 更改后它可能有 20 或 5 个......等等。如果不打算使用它，我不想为每个模块编译 CSS。

有没有一种方法可以让大量的 CSS 文件都在运行中编译？

旁注:我还希望允许用户为页面和/或模块编辑他们自己的 CSS，然后在默认 CSS 之后加载。这对 SASS 和/或 LESS 来说可能吗？

我不需要完整的演练(尽管那会很棒)，但到目前为止，我的搜索返回了与 Ruby on Rails(从未使用过)相关的我头脑中的东西或每种 CSS 语言的通用教程.

欢迎任何其他建议。我是一个彻头彻尾的 SASS/LESS 菜鸟。

澄清问题:

如何使用 LESS 动态(服务器端)组合多个 CSS 文件？ (即使是指向可以让我走上正轨的资源的链接也足够了!)

Answer 1

如果你想减少 CSS 文件的数量并且你有一个包含所有组件 css 的巨大 css 文件，只需在所有页面上链接到它并确保正确设置缓存 header 。

他们将加载一次文件并在所有地方使用它。一个陷阱是初始页面加载时间；如果这不是问题，请使用此解决方案。如果这是一个问题，请考虑将编译后的 CSS 文件分解为几个主要 block (default.css、authoring.css、components.css 等)。

不要费心尝试为每个组件集合制作自定义 CSS，您实际上会搬起石头砸自己的脚，迫使用户重新下载以不同方式重组的相同 CSS。