Как использовать Sass в blazor?

Я нашел MS DOC о Css в бритве. Но это не работает с файлом Scss.

Я решаю эту проблему, создавая два файла: css и scss. И используйте sass --watch. Но мне нужно писать это каждый раз при создании нового компонента.

Приемы 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 сценарий полностью изменился.
0
0
59
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

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

К сожалению, SASS не поддерживается для функции изоляции CSS в Blazor. По крайней мере, не в этот момент.

В нашем проекте мы используем изоляцию CSS для функции изоляции компонентов CSS, но мы используем файлы SASS для управления нашей темой для стиля, который мы хотим использовать в приложении.

При этом, если вам действительно нужен SASS для уникального компонента, вы вполне можете это сделать, добавив, например, оболочку с указанным идентификатором и используя этот идентификатор в своем файле scss с выделенным для него именем, например MyComponent.scss.

Кроме того, я нашел эту статью, но предпочел не использовать ее, потому что она немного тяжеловата в настройке, но на ваше усмотрение: https://joren-thijs.medium.com/how-to-add -scss-support-to-blazor-cd2a62995441

Вы можете использовать AspNetCore.SassCompiler, который поддерживает как обычный, так и изолированный scss. Я считаю, что у него есть режим просмотра при использовании Blazor Server, WASM еще не поддерживается.

Он также может выполнять минимизацию с сопоставлением источника.

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