0

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およびオプションは、それぞれメインのcss--templateファイルとテンプレートの場所をコンパイラに指示します。プロセス中に、css/styles.cssファイルの内容がコピーさstyleguide/public/style.cssれ、スタイルガイドによって参照されます。これはすべて素晴らしいです。

ただし、スタイルガイドによって生成および参照される css ファイルは、元の css ファイルとは異なるフォルダー構造 (ルートから 1 つではなく 2 つの深さ) に配置されるため、imagesフォルダーへの参照はすべて無効になります。元のcssファイルをcssディレクトリ内の別のフォルダーに配置してstyleguideフォルダー構造を模倣することなくこれを解決する方法はありますか(これは大規模なハックになります)?

また、通常の html マークアップ (scss コメントから派生) 内の画像へのその他の参照は、調整されたフォルダー構造を参照するように調整する必要があるため、私のコードの実際の実装を示すものではありません。これも解決する方法はありますか？

ありがとう

4

1 に答える 1

2

それ自体が解決策ではないことはわかっていpublicますが、最終的に行ったのは、KSS 解析 (これも Grunt で行われました) の後に、生成されたスタイルガイドのフォルダーに画像 (Compass によって生成されたものでも) をコピーする Grunt タスクでした。

于 2014-06-11T08:51:17.490 に答える