GitHub Pagesで公開するときWebpackのパス関係で少し詰まった話 - Qiita

といったファイルを読み込もうとしたときパスがずれてしまい404エラーとなってしまいました。 問題発生時の環境 WebpackにはJSとSASS(Scss)だけを通して、JSとCSSで出力していました。 長くなってしまったので各詳細はまとめてあります。 ディレクトリ構成 ├ src/ <- 開発用ディレクトリ │ ├ script/ │ │ ├ entry.js │ │ ├ fetchJson.js │ │ ├ ... │ │ │ ├ data/ │ │ └ hoge.json │ │ │ ├ style/ │ │ └ fuga.scss │ │ │ └ index.html │ ├ dist/ <- コンパイル先ディレクトリ │ ├ script/ │ │ └ main.js │ │ │ ├ data/ │ │ └ hoge.json │ │ │ ├ style/ │ │ └ style.