CSS
5
Вклад в тег
import * as dartSass from 'sass';
import gulpSass from 'gulp-sass';
const sass = gulpSass(dartSass);
import gulp from 'gulp';
import gulpAutoPref from 'gulp-autoprefixer';
import sourcemaps from 'gulp-sourcemaps';
import rename from 'gulp-rename';
// Путь к основной папке scss
const mainPath = 'css/**/*.scss'
// Путь к основной папке с партиалами
const scssPartials = 'css/scss';
// Путь к папке с битрикс шаблоном сайта
const templatesPath = 'bitrix/templates/default/**/*.scss';
gulp.task('sass', function () {
return gulp.src(mainPath) // Найдем все .scss файлы
.pipe(sourcemaps.init())
.pipe(sass({
style: 'expanded',
}).on('error', sass.logError))
.pipe(gulpAutoPref([
"last 15 versions",
"not dead",
]))
.pipe(sourcemaps.write('.'))
.pipe(gulp.dest(file => file.base)) // Сохраняем css рядом с scss
});
gulp.task('bx-sass', function () {
return gulp.src(templatesPath) // Найдем все .scss файлы
.pipe(sourcemaps.init())
.pipe(sass({
loadPaths: [scssPartials], // Указываем дополнительные пути для поиска
style: 'expanded',
}).on('error', sass.logError))
.pipe(gulpAutoPref([
"last 15 versions",
"not dead",
]))
.pipe(sourcemaps.write('.'))
.pipe(gulp.dest(file => file.base)) // Сохраняем css рядом с scss
});