@JKaminsky

Почему сокращенная запись font: font-size/line-height, font-family не компилиируется gulp-sass?

в output файле свойство font отсутствует
scss:
font: 19px "open sans";
line-height: 30px;
max-width: 550px;

css:
line-height: 30px;
max-width: 550px;

таска:
var gulp = require("gulp");
var scss = require("gulp-sass");
var cleanCSS = require("gulp-clean-css");
const { series, parallel } = require("gulp");
gulp.task("scss", function () {
	return gulp
		.src("./css/scss/pages/*.scss")
		.pipe(scss())
		.pipe(cleanCSS({ level: 2 }))
		.pipe(gulp.dest("./css/"));
});
gulp.task("watch", function () {
	gulp.watch("./css/scss/**/*.scss", gulp.series("scss"));
});
gulp.task("default", gulp.series("watch"));


ошибок никаких не выдает!!!
  • Вопрос задан
  • 45 просмотров
Пригласить эксперта
Ответы на вопрос 1
develx
@develx
Web developer
sass здесь не при чем. Он должен скомпилировать как положено. А вот clean-css может и преобразовала правило или перенесла в другой селектор.
попробуйте без clean-css
gulp.task("scss", function () {
  return gulp
    .src("./css/scss/pages/*.scss")
    .pipe(scss())
    .pipe(gulp.dest("./css/"));
});
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы