将Angular组件样式导入全局

时间:2019-10-09 14:49:02

标签: angular sass styles assets

我正在使用Angular库,在其angular.json中带有tassets数组:

 FormView^ {#1526 ▼
  +vars: array:33 [▶]
  +parent: FormView^ {#739 ▶}
  +children: array:2 [▼
    0 => FormView^ {#1542 ▶}
    1 => FormView^ {#1544 ▶}
  ]
  -rendered: false
  -methodRendered: false
}

我已经为各自文件夹内的组件创建了混入。不应通过将它们添加到其元数据中的ts文件的styleUrls数组中来使用它们,因为需要通过传入主题参数来调用它们。用于调用组件混合的混合将嵌套在全局样式文件夹中。结构如下:

  

src

     
    

带有嵌套ts,html和混合式scss的组件

         

无礼

         
      

全局混合

    
  

到目前为止,我已经尝试过:

  • 使用来自全局目标混入exp的相对路径导入组件的本地混入。

"assets": [ { "glob": "**/*", "input": "src/sass", "output": "sass" }, ]

  • 使用应用程序中的代字号

@import '../component/style

0 个答案:

没有答案