Некоторые свойства Sass не компилируются в Css

Question

возникла такая проблема, что при компиляции sass файла в css некоторые свойства не компилируются (например:display или position). Пробовал через программу 'Prepros', и через gulp везде одно и тоже. Но при компиляции sccs файла в css все нормально. Не знаю в чем причина.

Answer 1

Когда указываете ".sass" - работать будут файлы этого типа, если укажете ".scss" - то только такие файлы будут компилироваться, но не оба типа сразу.

const gulp = require('gulp');
const sass = require('gulp-sass');
const sourcemaps = require('gulp-sourcemaps'); 
const watch = require('gulp-watch');
gulp.task('sass-compile', function() {
    return gulp.src('./sass/**/*.sass') // или scss
    .pipe(sourcemaps.init())
    .pipe(sass({outputStyle:'expanded'}).on('error', sass.logError))
    .pipe(sourcemaps.write('./'))
    .pipe(gulp.dest('./css'))
})
gulp.task('watch', function() {
    gulp.watch('./sass/**/*.sass', gulp.series('sass-compile')) // или scss
})

БЛОГ НА HUSL

Некоторые свойства Sass не компилируются в Css

Ответы (1 шт):