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

Question

我正在使用 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 文件不同的文件夹结构中(从根目录开始是两个深度而不是一个)，因此对 图像的任何引用 文件夹现在无效。有没有一种方法可以解决此问题，而无需将我的原始 css 文件放在 css 目录中的另一个文件夹中以模仿 styleguide 文件夹结构(这将是一个巨大的 hack)？

此外，正常 html 标记(源自 scss 注释)中对图像的任何其他引用都必须进行调整以引用调整后的文件夹结构，因此并不表示我的代码在现实生活中的实现。有办法解决这个问题吗？

谢谢

Answer 1

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