我使用 kss-node 并尝试了最简单的项目。它仅使用快速入门指南中的示例。
CSS在source/style.css
// Hard rules
//
// Markup: <hr>
//
// Style guide: hard-rule
hr {
border-top: 5px solid #999;
}
然后我跑
npm-exec kss-node --source source --destination styleguide --css ../source/style.css
第一个问题是该--css选项需要以后样式指南所在的相对路径。
但是 hr 元素看起来还是一样的，不是 5px 厚。该文件包含在 html 中，但开发工具说应用了“0 规则”
我重新阅读了 kss-node 的文档。推荐的方法似乎是创建一个 kss 模板并在其中添加样式表。
我接受了罗伯特的回购并执行了
npm-exec kss-node --init my-template
然后我将以下行添加到 my-template/index.html
<link rel="stylesheet" href="../source/styles.css">
显然，styles.css 文件不会被复制到 styleguide 目录中。
虽然这不能回答我原来的问题。我觉得它应该在没有自定义模板的情况下工作。但这对我有用。
它可能与您在 css 文件中使用的“//”注释有关吗？尝试使用预处理器和 styles.scss 文件作为源，然后包含 sass 生成的 style.css 文件，其中不会包含无效的“//”注释。