Проблема со ссылкой на изображение при создании руководства по стилю с использованием 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).