Question

由于某些原因，没有关于如何一起使用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>

将scss与聚合物1.1一起使用的最佳方法是什么？

Answer 1

在Polymer 1.1中，外部样式表已被弃用，以支持＆＃34;样式模块＆＃34;。

My solution was to create a bash script，它接受scss转换器的输出并将其包装在自定义样式模块定义中。

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

聚合物1.1和SASS

1 个答案: