URL-адрес внешнего импорта в файле main.scss не объединяется при развертывании с помощью ng build --prod
Недавно я перенес приложение angular seed на angular 6 cli. У меня есть внешний импорт в моем файле main.scss, например: @import url ('https://fonts.googleapis.com/css?family=Open+Sans:300,400');
И я включил стили в свой файл angular.json:
"styles": [
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"node_modules/primeng/resources/themes/redmond/theme.css" ,
"node_modules/primeicons/primeicons.css",
"node_modules/primeng/resources/primeng.min.css",
"node_modules/font-awesome/css/font-awesome.css",
"src/main.scss"
],
Однако после ng build --prod, когда я проверяю среду prod, css не связывается. Я убедился в этом, проверив вкладку «Сеть» в своем отладчике. На моем локальном хосте все работает отлично. Однако внутри папки dist у меня есть файл "styles..bundle.css" со всеми моими стилями main.scss в нем, за исключением стилей из внешнего URL-адреса импорта. Есть идеи, с чего начать?
Вам не требуется импортировать файлы main.scss. Для импорта требуются только файлы css / scss модулей сторонних узлов.
Нет, это не имеет ничего общего с изменениями, связанными с CSS или шрифтами.
@SureshKumarAriya Итак, как main.scss включается в окончательный файл index.html в папке dist во время сборки, если мы не указываем его в файле angular.json?
Почему вы не можете нажать URL-адрес HTTP в браузере и вставить содержимое в файл style.css
Предлагаю импортировать файл main.scss в файл app.component.scss
Нажатие на URL-адрес и копирование содержимого не работают. Он не связывается при загрузке страницы.
Это сработало после того, как я удалил все стили из angular.json, кроме main.scss, и добавил их в main.scss !!
Может это поможет update.angular.io