Asp.net core Angular Template как добавить site.css

Только начинаем с новых угловых шаблонов в VS Code. Я пытаюсь выполнить то, что, по ощущениям, должно быть самой простой задачей, которая просто хочет добавить файл css уровня сайта в веб-проект для применения некоторых стилей.

Из всех примеров Google, которые я видел, имеется в виду обновление файла Angular-cli.json, чтобы прикрепить его к выходным данным, но этот файл недоступен в основном шаблоне angular. Куда должен идти файл css и как его связать, чтобы он применялся ко всему сайту?

Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
1
0
1 071
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Если вы создаете веб-проект .Net Core с шаблоном Angular, вы должны увидеть в проекте папку ClientApp. На моем компьютере только что установлены последние версии .Net Core 2.1 SDK и nodejs (версия 8.11.3 LTS), и на нем установлено сообщество Visual Studio 15.7.3.

Вы можете применить стили для всего сайта к файлу styles.css в разделе ClientApp -> src.

Если у вас есть больше файлов стилей для всего сайта, вы можете настроить их в файле .angular-cli.json.

Привет, Дэвид, спасибо за ответ. Я вижу папку ClientApp, но под ней нет папки src. Я должен создать это для хранения styles.css? Кроме того, ссылаясь на вашу последнюю строку, angular-cli.json не существует в основном веб-проекте .net с Angular Template?

Matt 14.06.2018 01:41

Странный. Убедитесь, что на вашей машине разработки установлена ​​последняя версия .Net Core SDK и nodejs (и, возможно, angular cli) ?? Смотрите мой обновленный ОП со скриншотами.

David Liang 14.06.2018 01:48

Потрясающие. У меня был .net core 2.0, поэтому я обновился до последней версии sdk, и теперь решение похоже на то, что вы опубликовали. Спасибо за вашу помощь

Matt 14.06.2018 01:59

Обновление с 2.0 до 2.1. Они очень сильно изменили свой угловой шаблон. Есть идеи, почему они удалили все файлы горячей загрузки по умолчанию с помощью webpack?

Matt 14.06.2018 02:46

Другие вопросы по теме