Блог

У меня есть sass, установленный глобально в терминале. npm install sass -g . У меня есть файл sass в исходной папке $grey: #444; $red: rgb(250, 0, 0); Для компиляции sass в css из исходной папки в папку css. Я печатаю:

@sass —смотрите исходный код/style.scss css/style.css Результат в терминале: comile sass

Файл style.css.map и style.css, созданные в папке css. Результатом является вывод style.css.map {"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"style.css"} , а вывод в style.css

 /*# sourceMappingURL=style.css.map */
 

.
Итак, я вижу, что картография выглядит нормально.Но где мой вывод css-файла. Мне нужен какой-нибудь указатель.

Я установил sass глобально, используя npm install sass -g , и я компилировал файл sass с помощью @sass --watch source/style.scss css/style.css . Это было нормально с объявлением переменных в файле sass $grey: #444; $red: rgb(250, 0, 0); . Одна вещь, которую я пропустил, заключалась в добавлении двоеточия (:) между аргументами команды sass —watch, например @sass --watch source/style.css:css/style.css , которая обычно не требуется, если это были только файлы.

Когда я компилирую файл, он генерирует файл style.css в папке css. Вывод mappingURL был показан, потому что я не использовал эти переменные. Что я добавил позже как:

 body {
 margin: 0;
 padding: 0;
 background-color: $grey;
 color: $red;
}
```.  
Then then css file was compiling sass file to css. That was it.