0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

StyleDoccoでurlを書き換えてほしくない場合の対処

Last updated at Posted at 2015-05-17

スタイルガイドを作成するツールのStyleDoccoを使用した際に、以下の問題が発生したので対応した際のメモです。

発生事象

  1. インプットとした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");

同じようにお困りの方の参考になれば幸いです。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?