Question

我使用RUBY构建项目，并将grunt作为其资产管道。在构建时，我需要从Mockito.when(fileMock.length()).thenReturn(12L);文件中获取所有样式，并将它们放在头部/dist/all.min.css中的自定义样式标记中。

开发时我将css包含在头部的链接样式表中。哪个好。但是当它生效时，必须内联样式。

我尝试了一些grunt emailer任务，这些任务旨在接收任何链接的资产并内联它，但是这要么不起作用，要么会占用所有链接资产并尝试内联它们，并且有一些JS链接，我不要内联，只有样式表。

开发期间的负责人

<style amp-custom>...</style

期望的制作主管

<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>

我正在为模板引擎使用小胡子，并且认为我可以以某种方式包含css文件（如果它可用）。这样，当我执行生产grunt任务时，它可以删除链接的样式标记并生成通过小胡子包含的文件。但我不完全确定如何做到这一点，即使它会起作用。

使用小胡子/红宝石在构建时内联CSS

0 个答案: