Angular (13) Материал - переопределить файл CSS не работает
У меня есть простое приложение Angular (13) с материалом. Я создал файл CSS, предназначенный для переопределения некоторых стилей материалов, и импортировал его в styles.scss. Этот импорт является последней строкой этого файла. Тем не менее, ни одно из определений CSS во внешнем файле не переопределяет существующие стили из материала. Когда я помещаю эти определения непосредственно в styles.scss, они работают. В чем разница между импортом определений CSS из файла и размещением их напрямую в данном случае? Я что-то упустил здесь?
просто чтобы быть уверенным: я думаю, у вас уже есть "src/styles.scss" в файле angular.json под build/options/styles
@naveen предложение с импортом - это фактическое решение, которое сработало для меня в этом случае. вы должны опубликовать его как решение, и я отмечу его как принятое решение для моего вопроса здесь.
Ответы 1
Чтобы импортировать css в файл scss, вы должны импортировать его без такого расширения.
@import "path/to/file/file_name_without_extension"
Если вы импортируете это с расширением
@import "path/to/file/file_name.css"
это не будет работать, так как оно будет переведено на
@import url(path/to/file/file_name.css);
Объединенный PR из репозитория SASS: Реализовать импорт необработанных css
кстати, мой исходный код был @import url("overrides.scss"). Во всяком случае, предложенное вами решение помогло мне. Спасибо!
либо
@import "path/to/file/file_name_without_extension", либо сделатьscssи импортировать.