Javascript CSS可以'；不能使用gulp内联css内联到html文件中的样式标记

所以，我已经在这件事上大发雷霆了。我正在使用聚合物来构建组件。但是我仍然想使用SASS来构建我的css文件。现在，因为Polymer迫使我将样式保留在html文件中的

标记中，所以我需要一个过程将我用SASS创建的css内联到我的Polymer元素中

我正在尝试使用gulp和插件gulpinlinecss将某个css文件内联到html文件的

标记中。但不管我怎么做，它似乎都不起作用。以下是文件及其位置

app/src/css/myapp/myapp.css app/src/myapp/myapp.html 我只得到html，而不是内联css输出html。

标记中没有任何css。

为了在这里添加更多信息，我试着调试插件，在插件中我发现它可以正确地提取css。它只是没有将它“嵌入”到html文件中

非常感谢你帮我解决这个问题！

---

提前谢谢

CSS声明应该有

type=“CSS”

，使您的代码：

<link rel="import" href="../../bower_components/polymer/polymer.html">

<dom-module id="myapp">
  <template>
    <style>
    </style>
    <link rel="stylesheet" type="css" href="../css/myapp/myapp.css">

    <myapp-header></myapp-header>
    <myapp-content></myapp-content>
    <myapp-footer></myapp-footer>

  </template>
  <script>
    Polymer({
      is: 'myapp',
      properties: {}
    });
  </script>
</dom-module>

聚合物({
是：“myapp”，
属性：{}
});

很抱歉，插件不能以这种方式工作。以下是它的工作原理：

---

它不会将CSS内联到样式标记。它使用style属性将它们内联到元素本身。

Hello Nabeel！谢谢你的评论。但我只是试了一下，结果没用。我仍然有没有css文件的内容被输出的文件。我也尝试了

type=“text/css”

；它也不起作用。

<link rel="import" href="../../bower_components/polymer/polymer.html">

<dom-module id="myapp">
  <template>
    <style>
    </style>
    <link rel="stylesheet" href="../css/myapp/myapp.css">

    <myapp-header></myapp-header>
    <myapp-content></myapp-content>
    <myapp-footer></myapp-footer>

  </template>
  <script>
    Polymer({
      is: 'myapp',
      properties: {}
    });
  </script>
</dom-module>

gulp.task('test', function(){
  gulp.src('./src/myapp/myapp.html')
    .pipe(inlineCss({
      applyStyleTags: true,
      applyLinkTags: true,
      removeStyleTags: false,
      removeLinkTags: false
    }))
    .pipe(gulp.dest('./build'));
});

<link rel="import" href="../../bower_components/polymer/polymer.html">

<dom-module id="myapp">
  <template>
    <style>
    </style>
    <link rel="stylesheet" type="css" href="../css/myapp/myapp.css">

    <myapp-header></myapp-header>
    <myapp-content></myapp-content>
    <myapp-footer></myapp-footer>

  </template>
  <script>
    Polymer({
      is: 'myapp',
      properties: {}
    });
  </script>
</dom-module>