0

我正在使用KSS 的 NodeJS 实现。我有以下文件结构:

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也是如此,目标文件夹也是如此,--cssand--template选项告诉编译器在哪里可以找到我的主 css 文件和模板。在此过程中,文件的内容css/styles.css被复制到该文件中styleguide/public/style.css,然后由样式指南引用。这一切都很棒。

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

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

谢谢

4

1 回答 1

2

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

于 2014-06-11T08:51:17.490 回答