Sass

[[oktatas:web:nodejs:gulp|< Gulp]] ====== Gulp - Sass ====== * **Szerző:** Sallai András * Copyright (c) Sallai András, 2022 * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC Attribution-Share Alike 4.0 International]] * Web: https://szit.hu ===== Projekt készítése ===== mkdir app01 cd app01 npm init -y npm install --save-dev gulp npm install --save-dev gulp-sass npm install --save-dev sass A sass csomag helyben is telepítve kell legyen. ===== Mini Sass fájl =====


$primary-color: #333;
$background: skyblue;
 
body {
    color: $primary-color;
    background-color: $background;
}

===== gulpfile.js =====


const { src, dest } = require('gulp');
const sass = require('gulp-sass')(require('sass'));


function buildStyles(cb) {
    src('src/sass/**/*.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(dest('src/css'));
    cb();
}

exports.build = buildStyles;

===== HTML =====





    
    
    Sass
    



    Sass teszt

===== Forrás ===== * https://www.npmjs.com/package/gulp-sass