具有绝对路径的组件styleUrl

Question

如果我的组件需要其他地方的额外样式表，该如何使用绝对路径到达它？

@Component({
    styleUrls: ['absolute_path/another.css']
})

只要我在配置中设置了import，我就知道可以使用@app进行绝对路径操作，如下所示：

import { something } from '@app/something'

是否有一种方法可以与styleUrls达成相同/相似的目标？原因是，如果我的组件在项目树中太深，则相对路径将以太多点结尾，例如：

styleUrls: ['../../../../css/another.css']

Answer 1

使用组件中css文件中的导入

  

@import“ absolute_path / another.css”

如果某些全局样式可以重复使用很多次，则可以在共享文件夹中创建common.scss并将其放入所需的

Answer 2

您必须以'/src/...'

开始

@Component({
    styleUrls: ['/src/styles/another.css']
})