使用 kss-node 生成样式指南时出现图像引用问题答案

【问题标题】：Issue with image referencing when generating a styleguide using kss-node使用 kss-node 生成样式指南时出现图像引用问题
【发布时间】：2014-06-11 16:51:17
【问题描述】：

我正在使用NodeJS implementation of KSS。我有以下文件结构：

sass          (.scss files)
css           (compiled .css files)
images        (images & sprites)
styleguide    (auto-generated styleguide html)
|- public     (auto-generated assets)
|- template   (styleguide template files)

我可以通过执行以下命令行指令成功生成样式指南：

kss-node sass styleguide --css css/styles.css --template styleguide/template

所以sass 是我要解析的源文件夹，styleguide 是目标文件夹，--css 和 --template 选项分别告诉编译器在哪里可以找到我的主 css 文件和模板。在此过程中，css/styles.css 文件的内容被复制到styleguide/public/style.css，然后由样式指南引用。这一切都很棒。

但是，样式指南生成和引用的 css 文件现在位于与原始 css 文件不同的文件夹结构中（它距根目录深两层而不是一层），因此任何对 images 文件夹的引用现在无效。有没有办法解决这个问题，而无需将我的原始 css 文件放在 css 目录中的另一个文件夹中以模仿 styleguide 文件夹结构（这将是一个巨大的 hack）？

此外，任何其他对普通 html 标记（源自 scss cmets）中的图像的引用都必须适应引用调整后的文件夹结构，因此并不表示我的代码在现实生活中的实现。有没有办法解决这个问题？

谢谢

【问题讨论】：

你最后解决了吗？
不，这不是我们最终使用的东西。像下面提到的 Juan 这样的繁重任务可能会起作用

标签： css node.js sass documentation-generation knyle-style-sheet

【解决方案1】：

我知道这不是一个解决方案本身，但我最终做的是将我的图像（甚至是 Compass 生成的图像）复制到生成的样式指南的 public 文件夹的 Grunt 任务在 KSS 解析之后（也使用 Grunt 完成）。

【讨论】：