我正在使用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注释派生)都必须进行调整以引用调整后的文件夹结构,因此不表示我的代码的实际实现。有没有办法解决这个问题?
由于
答案 0 :(得分:1)
我知道这不是解决方案本身,但我最终做的是将我的图像(甚至是Compass生成的)复制到public
文件夹的Grunt任务在KSS解析之后生成了styleguide(也使用了Grunt)。