使用mustache/ruby在构建时内联CSS
我已经使用RUBY构建了一个项目,grunt作为它的资产管道。在构建时,我需要从使用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
/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>