Angular CLI - CSSまたはSCSSでURLを解決する方法は？

Question

SCSSが同じコンポーネントフォルダ内の画像を参照するコンポーネントを持っています（background-image: url('./logo.jpg')を使用）。

先頭にある./を削除することは役に立ちません。いずれの場合でも、画像はブラウザに表示されません。

私はng serveを実行していてdistフォルダを見ていますが、実際にはlogo.jpgがコピーされて、同じコンポーネントフォルダに配置されています。

.tsファイルのコンポーネント.htmlと.cssのような相対パスを使用して、自分の.cssまたは.scssファイルが存在するフォルダの外の他の場所からイメージを参照することもできます。

私は出力された.cssファイルに完全なURLを生成するいくつかの種類のURL解決が必要だと思います。このようなリゾルバはどのようにして入手できますか？Angular CLIでどのように構成しますか？

Answer 1

同様の現象に気付きました。

AssetsフォルダのCSSで参照されているイメージが抽出され、guidが与えられているようですが、コンポーネントレベルのCSSでは同じことが適用されないようです。最後に

Iは、（角-cli.jsonでそれを参照することなく）資産フォルダの下に画像ファイルをコピーした後、私はコンポーネントのCSSでそれを参照することができた：

背景：URL（資産/img/bgs/footer.png）;

Answer 2

同じ問題がありました。 Less/Sassファイルのパスをurl(/assets/path_to_img)に変更することで解決し、うまくいくはずです。最初に「/」を忘れずに、画像をassetsフォルダに入れてください。

Answer 3

この背景画像を使用してみてください：url（ "./〜/ assets/images/artist-bg.jpg"）;