角型アプリケーションとコンポーネントのScss構造

Question

ngサービスでアプリケーションを提供するときにエラーが発生します。フッター内のscssファイルは、assetsからstyles.cssを参照します。ただし、scssファイルの中には、assets/styles/styles.cssの背景（../ icons/icon.svg）などの相対パスを使用したアイコンからsvgsを参照するものがあります。このファイルがfooter.component.scssによってインポートされると、パスは分割されます。 src/app/layouts/icons/icon.svgを参照しようとしていますが、src/assets/iconsの下に存在しています。

├── app 
| ├── layouts 
|  |──footer 
|   ├── footer.component.ts 
|   ├── footer.component.scss 
| 
├── assets 
| ├── icons 
| ├── css 
|  |──pallette.scss 
|  |──_helpers.scss 
|  |──styles.scss 

私は他のプロジェクトのために共有することができるコンポーネントとモジュール式のアプリケーションを持っている達成しようとしている目標は、などこれをやっているとは全く異なる構造やアプローチがあるかもしれない、と私はすべてに開かれています提案。

Answer 1

../icons/icon.svgは正しいパスではありません。

/assets/icons/icon.svgで試してみるとうまくいくはずです。