Question

我使用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中，但Dev Tools表示应用了“0规则”

Answer 1

是否与＆＃34; //＆＃34;有关？你在css文件中使用的评论？尝试使用预处理器和styles.scss文件作为源，然后包含sass生成的styles.css文件，该文件不会产生无效＆＃34; //＆＃34;评论。

Answer 2

这似乎奏效了 ` / * 硬规则

标记：

风格指南：硬性规则 * / `

Answer 3

我将文档重新读取到kss-node。建议的方法似乎是创建一个kss模板并在那里添加样式表。

我拿了罗伯特的回购并执行了

npm-exec kss-node --init my-template

然后我将以下行添加到my-template / index.html

<link rel="stylesheet" href="../source/styles.css">

显然，styles.css文件不会被复制到styleguide目录。

虽然这不能回答我原来的问题。我觉得它应该没有自定义模板。但这对我有用。