Переопределение стилей css пакета в angular
Angular cli автоматически загружает файлы css, которые находятся в каталоге node_module. Я использую @ swimlane / ngx-dnd, и он имеет стиль css. Но я хочу использовать стили начальной загрузки для своих компонентов. Какой стандартный способ сделать это?
Ценю любую идею и помогает.
Да, но как ? Мне нужно стандартное решение
Самостоятельно их перезаписать? Вероятно, в вашем app.component.scss с ViewEncapsulation.None
Ответы 2
Если вы хотите переопределить стили пакета, вы можете просто предоставить переопределения в своей собственной таблице стилей или таблице стилей компонентов с тем же или более конкретным определением стиля. Ваше определение должно соответствовать их стилю, но должно быть загружено после их стиля и / или быть более конкретным, чтобы ваш стиль применялся правильно.
Если вы хотите исключить их таблицы стилей, вам нужно будет использовать какой-то плагин для webpack, чтобы игнорировать файлы css в каталоге пакета.
Я бы порекомендовал первый подход.
Если используемый вами пакет создает динамическую разметку вместе со стилем, вам может потребоваться изменить инкапсуляцию вашего компонента, чтобы используемый вами компонент мог успешно применять ваши стили к сгенерированным элементам dom.
В вашем app.component.ts, добавьте:
@Componenent({
encapsulation:ViewEncapsulation.None,
styleUrls:[''], // Add your bootstrap css files
templateUrl: ....
})
Думаю, придется их просто перезаписать.