update, text, response

gulpfile.js

@@ -1,64 +1,47 @@
-// 'use strict';
-var gulp = require('gulp');
-//var sass = require('gulp-sass');
-var sass = require('gulp-sass')(require('sass'));
-var cleanCSS = require('gulp-clean-css');
-var rename = require('gulp-rename');
-var autoprefixer = require('gulp-autoprefixer');
-//var imagemin = require('gulp-imagemin');
-var sourcemaps = require('gulp-sourcemaps');
-//var uglify = require('gulp-uglify');
-//var concat = require('gulp-concat');
-//var minify = require('gulp-minify');
+// ============================================================
+// 🧰 GULP CONFIG – WeihnachtsKalenderMelly
+// Sass-Compiler: moderne Dart-Sass-API (keine Legacy-Warnung)
+// ============================================================
 
+const gulp = require('gulp');
+const dartSass = require('sass');                     // 🟢 offizielles Sass-Paket
+const gulpSass = require('gulp-sass')(dartSass);      // 🟢 moderne API
+const cleanCSS = require('gulp-clean-css');
+const rename = require('gulp-rename');
+const autoprefixer = require('gulp-autoprefixer');
+const sourcemaps = require('gulp-sourcemaps');
 
-// scss kompilieren und in css-datei speichern
-// ------------------------------------------------
+const paths = {
+  sass: {
+    src: 'src/sass/*.sass',
+    dest: 'main/'
+  },
+  js: {
+    src: 'src/js/*.js',
+    dest: 'main/'
+  },
+  images: {
+    src: 'src/images/*',
+    dest: 'media/img'
+  }
+};
+
+// 🎨 Sass → CSS
 gulp.task('sass', () => {
-    return gulp.src('src/sass/*.sass')
+  return gulp.src(paths.sass.src)
     .pipe(sourcemaps.init())
-    .pipe(sass({
-    errLogToConsole: true}).on('error', sass.logError))
-    .pipe(autoprefixer(
-            "last 3 version, >1%"
-        ))
+    .pipe(gulpSass.sync({ indentedSyntax: true }).on('error', gulpSass.logError))
+    .pipe(autoprefixer({ overrideBrowserslist: ['last 3 versions', '>1%'] }))
     .pipe(cleanCSS())
     .pipe(rename('min-style.css'))
     .pipe(sourcemaps.write('../main/'))
-    .pipe(gulp.dest('main/'));
+    .pipe(gulp.dest(paths.sass.dest));
 });
-// Js minifizieren
-// ------------------------------------------------
-gulp.task('min-js', () => {
-     return gulp.src('src/js/*.js')
-    .pipe(sourcemaps.init())
-    .pipe(concat('script.js'))
-//    .pipe(uglify())
-//    .pipe(minify())
-    .pipe(rename({prefix: "min-"}))
-    .pipe(sourcemaps.write('../main/'))
-    .pipe(gulp.dest('main/'));
+
+// 👀 Watcher
+gulp.task('watch', () => {
+  gulp.watch(paths.sass.src, gulp.series('sass'));
 });
-// Jpg Bilder Verkleinern
-// ------------------------------------------------
-gulp.task('min-jpg',  () => {
-    return gulp.src('src/images/*')
-    .pipe(imagemin([
-        imagemin.mozjpeg({
-            quality: 75,
-            progressive: true
-    })]))
-    .pipe(rename({prefix: "min-"}))
-    .pipe(gulp.dest('media/img'))
-});
-// gulp verzeichnisse beobachten
-// ------------------------------------------------
-gulp.task('watch', function() {
-    gulp.series('default');
-    gulp.watch('src/sass/*.sass', gulp.series('sass'));
-//    gulp.watch('src/js/*', //gulp.series('min-js'));
- //  gulp.watch('src/images/*', //gulp.series('min-jpg'));
-});
-// gulp 1mal ausführen mit allen task
-// ------------------------------------------------
-    gulp.task('default', gulp.parallel('sass'));
+
+// 🚀 Default-Task
+gulp.task('default', gulp.series('sass'));