聚合物 1.1 和 SASS答案

【问题标题】：Polymer 1.1 and SASS聚合物 1.1 和 SASS
【发布时间】：2016-09-14 23:08:55
【问题描述】：

由于某种原因，没有关于如何同时使用 sass 和聚合物的信息。首先我尝试了以下方法：

<dom-module id="app-header">
    <link rel="import" type="css" href="../css/app-header.css">

    <template> 
        ...

这里的样式表是外部的，我可以轻松地将我的 scss 转换为 css。

虽然这可行，但样式会应用于整个文档。

无论如何，在 Polymer 的 1.1 release 中，这已被弃用，尽管有一种共享样式的方法，但您仍然可以在模板标签中保存您的 css

<!-- shared-styles.html -->
<dom-module id="shared-styles">
    <template>
        <style>
            .warning {
                color: red;
                font-weight: bold;
            }
        </style>
    </template>
</dom-module>

在聚合物 1.1 中使用 scss 的最佳方式是什么？

【问题讨论】：

检查这个答案：stackoverflow.com/questions/29354396/polymer-and-sass/… 我认为对你也有用。
感谢提及！我已经做到了:)
我很高兴你做到了！太好了！！
您可以使用“gulp-inject-string”。查看更多：gist.github.com/horacioibrahim/70ea32c9ba06a7d2d2632995c47149b4

标签： sass polymer

【解决方案1】：

在 Polymer 1.1 中，外部样式表已被弃用，取而代之的是“样式模块”。

My solution was to create a bash script 获取 scss 转译器的输出并将其包装在自定义样式模块定义中。

我将此脚本附加到 PHPStorm 文件观察程序，我所要做的就是修改我的 SCSS，一切都是自动生成的。

【讨论】：