Githubでの相対パスの使い方
自身も試行錯誤はしました。
まだ、使いどころに迷う場合があるので
「こうしたらいいよ！」っていう助言があれば是非！
下記は自分なりのベストプラクティスです。
まとめてみたやつ
・相対パス
・・［./］：省略も可能：同じDF（ディレクトリにあるファイル名を指定する場合の書き方）
・↑moduleのjsでimportを使用する場合はパッケージ認識となるため省略不可
・・［../］：上位階層のDF
・・［../../］：2つ上の階層のDF
↑相対パスの場合、呼び出し元（パスコードを記入するファイル）からの位置指定である
回答5件
#1
総合スコア147039
投稿2026/01/21 11:48
えっと、何について相対パスを書く書かないの話でしょうか。
ものによっては「相対パスで書かなければならないもの」、あるいは「相対パスで書いてはならないもの」の両極端も存在しますので。まずはスコープを絞ってください。
#3
総合スコア147039
投稿2026/01/21 23:21
2のimportについては、バンドラー側に「プロジェクトルートを#で表現する」というような特殊な設定をあえて入れない限り、基本的に相対パスで書くことになります（バンドラーを使わず、直接ブラウザにimportする場合は、また話が違ってくるかもしれないです）。
逆に、1や3のようなブラウザが見て認識するパスについては、（今回のようにHTMLなどファイルを普通に置いている場合はともかく）HTMLを動的に生成するようなシステムの場合、相対パスで書くと「表示されるURL」と「読み込み先のURL」の両方を考えないといけなくなって煩雑となります。
ということで、相対パスで書かなければならない理由がなければ/始まりのパスで書くことが多いです。
どちらにしても、「何もツールを使わずファイルを手書きして置いておくだけのような環境」と「フレームワークを稼働させる環境」でも話が違ってきます。
あなたの回答
tips
プレビュー