有没有办法使用资产管道拆分 CSS？答案

【问题标题】：Is there a way to split CSS using the asset pipeline?有没有办法使用资产管道拆分 CSS？
【发布时间】：2019-09-27 13:45:19
【问题描述】：

我想要实现的最终结果不是拥有一个 applications.css 文件，而是我想将它分成两个部分 - 我将内联到 <head> 标记中的部分，然后是其他一切。这背后的原因是我们想要内联我们的 CSS 部分，该部分适用于页面的首屏元素。

我想知道是否有办法利用资产管道来删除从 application.css 文件中内联的 CSS 部分？

我觉得这是我思考问题的方式可能是最大障碍的问题之一，因此完全愿意以其他方式来思考这个问题（即不使用资产管道）。

只是为了让问题更有趣，理想情况下，我想要一种独立于项目本身的方法，因为我需要在多个 Rails 前端应用这种技术。

注意：确定要内联的 CSS 的哪一部分不是问题——我已经解决了。我正在寻找一种方法，当我们将来继续更新我们的 CSS 时，使生成 CSS 的两个部分成为一个简单的 rake 任务，或者集成到资产管道中以便在部署时完成，等等。

【问题讨论】：

【解决方案1】：

如果我们假设资产管道（又名sprockets）是正确的方法，那么这似乎是最直接的方法，它通过导出器扩展sprockets - 实际将资产写入磁盘的东西。

更新：我将 css-purge 视为一种现成的解决方案，用于识别给定页面上使用了哪些 CSS。将它作为一个独立的工具，它不关心给定页面是通过 Rails 应用程序生成的，这有助于使其更有用。

【讨论】：