我正在使用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
也是如此,目标文件夹也是如此,--css
and--template
选项告诉编译器在哪里可以找到我的主 css 文件和模板。在此过程中,文件的内容css/styles.css
被复制到该文件中styleguide/public/style.css
,然后由样式指南引用。这一切都很棒。
但是,样式指南生成和引用的 css 文件现在位于与原始 css 文件不同的文件夹结构中(它距根目录深两层而不是一层),因此对该images
文件夹的任何引用现在都无效。有没有办法解决这个问题,而无需将我的原始 css 文件放在目录中的另一个文件夹中css
以模仿 styleguide 文件夹结构(这将是一个巨大的 hack)?
此外,任何其他对普通 html 标记中的图像的引用(源自 scss 注释)都必须进行调整以引用调整后的文件夹结构,因此并不表示我的代码在现实生活中的实现。有没有办法解决这个问题?
谢谢