sass-loaderでエイリアスを使用して相対パスの混乱を避ける

Question

私は.scssファイルを持っていますが、私はバックゴンド画像（background-image: url('../../../image.png')）を使用しています。 file-loader webpackプラグインは、自分のアプリをビルドしているときにそのイメージを検出してコピーします。これは素晴らしいことです。

問題は、私にかなりの画像とかなりの数のファイルがあり、すべての相対的なインポートで自分のコードに大きな混乱があることです。

file-loaderまたはsass-loaderと言うことができる方法はありますか？background-image: url('@alias/image.png')私はimage.pngのフォルダを参照していますか？

Answer 1

のWebPACKは既にこのhttps://github.com/webpack-contrib/css-loader#alias

をサポートしてあなただけのあなたに感謝:)実は私はすでにそのライブラリを発見し、パッチを適用し、はいcss-loaderのオプションにエイリアスをアップセットとurl(~alias/image.png)