【问题标题】:Does angular single file component support sass/scss?角度单文件组件是否支持 sass/scss?
【发布时间】:2019-03-18 03:13:59
【问题描述】:

我一直只对角度组件使用多文件格式。我正在尝试使用单文件组件来构建元素的 Angular Element。

我注意到 scss 语法不起作用。所以不要这样做:

styles: [
  `
    ::ng-deep {
      .dropdown-menu {
        top: initial;
        left: initial;
      }
    }
  `
]

我必须这样做:

styles: [
  `
    ::ng-deep .dropdown-menu {
      top: initial;
      left: initial;
    }
  `
]

有没有办法在单文件组件中启用 scss 支持?

【问题讨论】:

  • I had to use single-file你能详细说明一下吗?
  • @Paresh,他希望在 styles: [] 的 component.ts 文件中写入 scss,这将是一个新功能请求
  • 所以样式块内只支持常规 css,对吧?
  • @AkberIqbal 我的问题,为什么要求只使用单个文件?
  • @PareshLomate,你可以直接问techguy2000 :)

标签: angular angular-cli angular7


【解决方案1】:

仅支持 CSS 内联:

查看官方文档:

https://angular.io/guide/component-styles#non-css-style-files

【讨论】:

  • 文档中写道:添加到 @Component.styles 数组的样式字符串必须用 CSS 编写,因为 CLI 无法将预处理器应用于内联样式。
猜你喜欢
  • 2017-12-18
  • 1970-01-01
  • 1970-01-01
  • 2020-01-19
  • 2013-11-27
  • 2017-07-22
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多