前提
- 下記のような構成でプロジェクトを構成している
- ローカルのWebStormプロジェクトディレクトリがドキュメントルートより上の階層である
- IDEがルートからの相対パス(ex.
/css/style.css
)をうまく解釈してくれない
プロジェクトの階層
- /web/trunk # 開発環境のルートディレクトリ
- /.idea # WebStormプロジェクト
- /app # Railsなどのアプリケーション領域
- /frontend_src # フロントエンドのアプリケーション領域
- /public # ドキュメントルート
- /css
- style.css
- index.html
つまりHTMLやCSSのパスを/web/trunt/public/
をドキュメントルートとして解釈してほしい。
WebStormの設定
Preference > Project Settings > Derectories
の任意のディレクトリを選択し、Resource Rootに設定すると解決しました。