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

时间:2013-06-18 07:41:31

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

我正在使用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文件不同的文件夹结构中(它是从根目录开始的两个而不是一个),因此对{{1}的任何引用都是如此}文件夹现在无效。有没有办法解决这个问题,而无需将我原来的css文件放在images目录中的另一个文件夹中,以模仿styleguide文件夹结构(这将是一个大规模的黑客攻击)?

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

由于

1 个答案:

答案 0 :(得分:1)

我知道这不是解决方案本身,但我最终做的是将我的图像(甚至是Compass生成的)复制到public文件夹的Grunt任务在KSS解析之后生成了styleguide(也使用了Grunt)。