Проблема со ссылкой на изображение при создании руководства по стилю с использованием kss-node

Я использую реализацию 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 а также --template Опции сообщают компилятору, где найти мой основной CSS-файл и шаблон соответственно. Во время процесса содержимое css/styles.css файл копируется в styleguide/public/style.css на который затем ссылается гид по стилю. Это все замечательно.

Тем не менее, файл CSS, который генерируется и на который ссылается руководство по стилю, теперь находится в структуре папок, отличной от исходного файла CSS (это два глубоко от корня вместо одного), и поэтому любые ссылки на images папка теперь недействительна. Есть ли способ решить эту проблему, не помещая мои оригинальные файлы CSS в другую папку в css каталог для имитации структуры папок styleguide (что было бы массивным хаком)?

Кроме того, любые другие ссылки на изображения в обычной html-разметке (полученные из комментариев scss) должны быть адаптированы для ссылки на скорректированную структуру папок, и, следовательно, не указывают на реальную реализацию моего кода. Есть ли способ решить это тоже?

Спасибо

1 ответ

Решение

Я знаю, что это не решение само по себе, но в итоге я выполнил задачу Grunt, чтобы скопировать мои изображения (даже созданные Compass) в public папка сгенерированного руководства по стилю после разбора KSS (также делается с помощью Grunt).

Другие вопросы по тегам