Как угловая ручка общих SCSS импортирует в нескольких компонентах в отношении дублирования CSS и размера пакета в произв ⇐ CSS

[Anonymous]

Я работаю над угловым проектом, где у меня есть общий файл SCSS (например, base-button.scss), содержащий общие стили. Я импортирую этот общий SCS в нескольких компонентах либо: < /p>
Добавление его в массив стилей каждого компонента, либо < /p>
Импорт его внутри файла SCSS каждого компонента. Файлы CSS. < /P>
Итак, мой вопрос: < /p>
Когда общий SCS импортируется во множественных компонентах, угловой дублирует эти общие стили в стиле каждого компонента в стиле js, вызывая, чтобы размер пакета, чтобы расти, можно увеличить? Последний пакет? < /p>
для .e.g < /p>

Код: Выделить всё

@Component({
selector: 'app-component-a',
template: `Component A`,
styleUrls: ['./base.scss', './component-a.component.scss']
})
export class ComponentA {}

@Component({
selector: 'app-component-b',
template: `Component B`,
styleUrls: ['./base.scss', './component-b.component.scss']
})

export class ComponentB {}

Например, если я добавлю base.scss в стиль нескольких компонентов, увеличится ли конечный размер пакета, потому что все правила CSS от base.scs включены несколько раз?

Подробнее здесь: https://stackoverflow.com/questions/796 ... h-regard-t