スタイルガイドを作成するツールのStyleDoccoを使用した際に、以下の問題が発生したので対応した際のメモです。
発生事象
- インプットとしたCSSファイルのurl関数の値を相対パスで記述している場合に、スタイルガイド内で使用する画像ファイルへのパスがstyledoccoコマンド実行時から対象CSSファイルの場所分../が追加される。
発生環境
- OS:Windows8.1 日本語版、Windows7 SP1 日本語版
- 実行環境:Node.js v0.12.0
- StyleDocco:0.6.6
対応方法
####発生事象1.インプットとしたCSSファイルのurl関数の値を相対パスで記述している場合に、スタイルガイド内で使用する画像ファイルへのパスがstyledoccoコマンド実行時から対象CSSファイルの場所分../が追加される。
(元のCSSファイル自体が書き換えられるわけではなく、出力されたスタイルガイド上で展開されるCSSが書き換えられて、元のCSSに記述したURLの場所に画像を置いても画像が表示されない。)
以下の箇所をコメントアウトします。
cli.js:修正前45行目
return css.replace(regex, "$1" + path + "$2");
同じようにお困りの方の参考になれば幸いです。