Мой файл CSS не компилируется автоматически из моего файла SCSS

Question

Для UI / UX я использую расширение .scss, и оно должно автоматически скомпилироваться в css. Почему мой .scss автоматически не компилируется в css файл?

Answer 1

Браузер не преобразует файл .scss в файл .css. Мы должны преобразовать это и кормить. Есть много способов преобразовать это. Одним из вариантов является веб-пакет. Пожалуйста, проверьте, если вы можете использовать его. Webpack поставляется с загрузчиком CSS, загрузчиком стилей.

Надеюсь, это поможет.

Answer 2

Спасибо, кто потратил время на ответ на вопрос, который я задал! Каждый вклад - мой этап для решения проблемы

Как я решаю свою проблему, напишите в терминале "npm run sass". Терминал выводит ваш «скрипт package.json» и удерживает его пустым, пока вы не измените что-либо в файле sass и не сохраните его.

Терминал отобразит ваш веб-сайт, и ваше изменение отобразится в браузере

Надеюсь, что это поможет кому-то новичку в веб-разработке ..

Answer 3

Как и в комментариях, вам понадобится node.js с npm или yarn для обновления скомпилированного файла CSS. Возможно, если вы уже установили это, попробуйте что-нибудь вроде yarn run dev или npm run dev. Не знаю, как именно это написано, но я думаю, что если вы будете искать эти ключевые слова в интернете, вы найдете это.

РЕДАКТИРОВАТЬ:

Шаги, которые вы, возможно, захотите предпринять: Установить node.js https://nodejs.org/en/download/ Попробуйте в консоли (находясь внутри вашего проекта, в VSC используйте CTRL + SHIFT + `, чтобы открыть консоль) и напишите что-нибудь вроде npm run dev. (это необходимо каждый раз, когда вы хотите обновить свой css. Использование npm run watch также может работать, это обновляет каждый раз, когда вы сохраняете свой css файл (так же, как и при запуске dev, но теперь автоматически).