使用mustache/ruby在构建时内联CSS

使用mustache/ruby在构建时内联CSS,css,ruby,gruntjs,mustache,amp-html,Css,Ruby,Gruntjs,Mustache,Amp Html,我已经使用RUBY构建了一个项目,grunt作为它的资产管道。在构建时,我需要从/dist/all.min.css文件中获取所有样式,并将它们放在头中的自定义样式标记中……我认为您的想法是正确的-如果您将编译后的样式表放在一个文件中,您可以使用ERB和html\u safe将css插入到html中。你可以使用if Rails.env.production?来区分开发逻辑和生产逻辑。嗨,max,谢谢你的建议,我现在就去看看!抱歉,刚刚转述了你提到的rails。此项目未使用rails。对于musta

我已经使用RUBY构建了一个项目,grunt作为它的资产管道。在构建时,我需要从
/dist/all.min.css
文件中获取所有样式,并将它们放在头
中的自定义样式标记中……我认为您的想法是正确的-如果您将编译后的样式表放在一个文件中,您可以使用ERB和html\u safe将css插入到html中。你可以使用
if Rails.env.production?
来区分开发逻辑和生产逻辑。嗨,max,谢谢你的建议,我现在就去看看!抱歉,刚刚转述了你提到的rails。此项目未使用rails。对于mustahce的普通老Ruby,它们也是类似的替代品吗?我想你的想法是正确的——如果你把编译好的样式表放到一个文件中,你可以使用ERB和html\u-safe将css插入到html中。你可以使用
if Rails.env.production?
来区分开发逻辑和生产逻辑。嗨,max,谢谢你的建议,我现在就去看看!抱歉,刚刚转述了你提到的rails。此项目未使用rails。它们是穆斯塔切古朴红宝石的类似替代品吗?
<head>
    <title>Title</title>
    <link rel="canonical" href="/index.html" data-embed-ignore>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui">

    <!-- Linked stylesheet for developing -->
    <link rel="stylesheet" type="text/css" href="{{{asset_base}}}/css/all.css" data-embed>

    <script async custom-element="amp-image-lightbox" src="https://cdn.ampproject.org/v0/amp-image-lightbox-0.1.js"></script>
    <script src="https://cdn.ampproject.org/v0.js" async data-embed-ignore></script>
</head>
<head>
    <title>Title</title>
    <link rel="canonical" href="/index.html" data-embed-ignore>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui">

    <!-- Inlined styles -->
    <style amp-custom>
      /* Custom styles here */
    </style>

    <script async custom-element="amp-image-lightbox" src="https://cdn.ampproject.org/v0/amp-image-lightbox-0.1.js"></script>
    <script src="https://cdn.ampproject.org/v0.js" async data-embed-ignore></script>
</head>