聚合物1.1和SASS

聚合物1.1和SASS,sass,polymer,Sass,Polymer,由于某些原因,目前还没有关于如何同时使用sass和聚合物的信息。首先,我尝试了以下方法: <dom-module id="app-header"> <link rel="import" type="css" href="../css/app-header.css"> <template> ... ... 这里的样式表是外部的,我可以轻松地将我的SCS转换为css 尽管这样做有效,但样式将应用于整个文档 无论如何,在Po

由于某些原因,目前还没有关于如何同时使用sass和聚合物的信息。首先,我尝试了以下方法:

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

    <template> 
        ...

...
这里的样式表是外部的,我可以轻松地将我的SCS转换为css

尽管这样做有效,但样式将应用于整个文档

无论如何,在Polymer中,这是不推荐的,尽管有一种共享样式的方法,但您的css仍然在模板标记中

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

.警告{
颜色:红色;
字体大小:粗体;
}

在polymer 1.1中使用SCS的最佳方式是什么?

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

它获取scss transpiler的输出并将其包装在自定义样式模块定义中


我将这个脚本附加到PHPStorm文件监视程序,我所要做的就是修改我的SCS,所有内容都是自动生成的

检查这个答案:我想对你也有用。谢谢你的提醒!我确实做到了:)我很高兴你做到了!!伟大的您可以使用“吞咽注入字符串”。查看更多: