Question

使用ng服务我的应用程序时遇到错误。页脚中的scss文件引用assets中的styles.css。但是，一些scss文件使用相对路径从图标引用svgs，例如assets / styles / styles.css中的background（../ icons / icon.svg）。当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，它应该有效。

角度应用程序和组件的Scss结构

1 个答案: