問題タブ [sass-loader]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
171 参照

reactjs - Webpack 1 + sass (in react) - 画像はそのままにしておきます

SASSを使用し、Webpack 1を使用するReact.jsのプロジェクトがあります。

すべての画像と他のアセットのフォルダーを含む画像フォルダーがあります。

webpack で画像を処理したくありません。実行時に URL で読み込まれるようにしたいのです。私はjsxコードで(インポートするのではなく)インラインで画像のURLを使用してJSXで解決しましたが、うまく機能しています。

しかし、SASSで同じことをしようとすると、違います.以前は絶対パス /images/abc.png でそれらを参照していましたが、うまくいきました。私はそれらのための webpack ローダーさえ持っていませんでした。しかし、私はそれを相対パス ../../www/images/abc.png に変更しなければなりませんでした. file-loader を使用してみましたが、sass で使用されているすべてのイメージがビルド フォルダーにコピーされます。url-loader を使用してみましたが、結果の css ファイルに画像が含まれており、非常に肥大化していました。

では、sass からの画像を無視して、実行時に URL でアドレス指定するにはどうすればよいでしょうか?

ありがとう