Стиль, импортированный из файла SCSS в пакете NPM, не применяется к моему угловому компоненту - PullRequest
Новая
       10

Стиль, импортированный из файла SCSS в пакете NPM, не применяется к моему угловому компоненту

0 голосов
/ 18 января 2019

Я новичок в Angular.

В нашей компании есть пакет, содержащий SCSS, совместно используемый несколькими проектами. Каждый компонент имеет свой собственный набор файлов SCSS (почти такой же, как у bootstrap-SASS). Мой угловой проект использует этот пакет, установленный через npm.

Если я импортирую SCSS компонента, который мне нужен в файле styles.scss моего углового проекта, CSS будет применен правильно. Это не то, что я хочу. Я хочу, чтобы нужный мне SCSS загружался только из углового компонента, который его требует.

> front / src / styles.scss 

    @import "~@company/style/scss/numerictextbox";

Если я выполняю тот же импорт в файле SCSS моего углового компонента, CSS не применяется.

> front / src / app / item / item.component.scss 

    @import "~@company/style/scss/numerictextbox";

Я вижу свой CSS в <style>, добавленном в <header>, но по какой-то причине он не применяется.

Я все еще пытаюсь выучить веревки Ангулара. Я скучаю по большой вещи?

Вот мой компонент:

> front / src / app / item / item.component.ts 

import { Component, Input, OnInit } from '@angular/core';
import { FormGroup } from '@angular/forms';

@Component({
  selector: 'app-item',
  templateUrl: './item.component.html',
  styleUrls: ['./item.component.scss'],
})
export class ItemComponent implements OnInit {

  @Input() group: FormGroup;

  constructor() { }

}
...