Как создается каталог «scss» в моем приложении ASP MVC .net?

#css #asp.net-mvc #model-view-controller #sass

Вопрос:

Я использую Visual Studio 2019 для разработки веб-ASP.NET Приложение MVC.

Когда я отлаживаю или выполняю свое веб-приложение с помощью отладчика браузераF12, я могу прочитать в меню источники (просмотреть фото), что мои страницы основаны на таблицах стилей sccs , расположенных в каталоге scss.

Как создать этот каталог? Почему большинство css (исходящих из начальной загрузки) переведены в файлы sass ? Связано ли это с веб-оптимизацией пакетов, которые генерируют пакеты? Я не понимаю этого процесса и его полезности.

Кто-нибудь может ответить на мои вопросы ?

Для информации я установил bootstrap 4.5.3 с помощью NuGet и заметил, что несколько файлов были созданы в каталоге»Содержимое» в обозревателе проектов (bootstrap-grid.css.map, bootstrap-перезагрузка.css.map и т. Д.). Поэтому я думаю, что bootstrap, возможно, является причиной файлов scss, таких как _reboot.scss).

файлы scss, созданные в каталоге scss

Ответ №1:

Файлы Scss переводятся (с помощью движка Sass) в css. Только это может понять браузер файлов.

Я думаю, что файлы с картинки находятся только в общей папке.

(файлы*.map, *.min.css и т.д.) Являются необязательными.

В начальной загрузке написана документация:

скомпилированный и уменьшенный CSS и JS (начальная загрузка.мин.). Исходные карты CSS (bootstrap..map) доступны для использования с инструментами разработчика некоторых браузеров

https://getbootstrap.com/docs/3.4/getting-started/#whats-included-precompiled

Свернутые файлы оптимизированы по размеру, а карты полезны для использования инструментов разработчика.

Комментарии:

1. Я прогрессирую в своем мышлении . Я удалил все файлы начальной загрузки (*.map, *.min.css и т. Д.) И сохранил только файл начальной загрузки.css и bootstrap.js…. и мое веб-приложение все еще работает !! С помощью клавиши F12 в Edge мои стили теперь основаны на начальной загрузке css.css. Так что все эти удаленные файлы были бесполезны…. Может кто-нибудь объяснить мне, почему ?

2. Я отредактировал свой ответ. Поэтому, если вы не хотите использовать уменьшенные стили, вам также не нужны карты.

3. Чтобы лучше понять наличие файлов .map, которые используются для отладки веб-приложений, прочитайте Use_a_source_map

Ответ №2:

Спасибо, Апан.

Наконец, я могу сохранить только 2 файла bootstrap.css и js, потому что MVC сводит их к минимуму с помощью процесса объединения.