webpackを利用してビルドするとき、CSS内の画像をバンドルせず外部ファイルとして出力したい場合があります。 その際「CSS内に記載したいパス」と「画像ファイルを保存するディレクトリ」をそれぞれ個別に指定したいときの方法です。 構成 例えば、以下のようなディレクトリ構成だったとして、 root/ ├ dist/ (公開用ディレクトリ) │ └ asset/ │ └ images/ ← ここに画像ファイルを出力したい │ └ css/ ← ここにCSSファイルを出力したい ├ dev/ (開発用ディレクトリ) │ └ images/ │ └ example.png │ └ css/ │ └ example.css └ webpack.config.js CSSはこんな感じです。