Как я могу вывести несколько сборков для различных целевых медиа -запросов? ⇐ CSS

[Anonymous]

Допустим, у меня есть мобильная версия и настольная версия моего веб -сайта, и я использую медиа -запросы для изменения стиля: < /p>

Код: Выделить всё

.my-component{
display: block;
@media (max-width: 600px) {
// mobile version
width: 200px;
}
@media (min-width: 600px) {
// desktop version
width: 400px;
}
< /code>
Прямо сейчас все попадают в один большой файл .css. Есть ли способ сказать SASS сделать 2 файла CSS, один, который выделяет весь стиль для мобильных устройств, а другой, который вычеркивает настольный компьютер? Затем я могу использовать медиа -запросы в моем 

Подробнее здесь: [url]https://stackoverflow.com/questions/79440862/how-do-i-output-multiple-builds-for-various-target-media-queries[/url]