From 97e328a2c151f7b2ff2cfea89f16868121a72418 Mon Sep 17 00:00:00 2001
From: Sven Ullmann <kontakt@sumedia-webdesign.de>
Date: Sun, 1 Dec 2024 02:49:08 +0100
Subject: [PATCH] init

---
 README.md    |  1 -
 gulpfile.mjs | 37 ++++++++++++++++++++++++++++---------
 2 files changed, 28 insertions(+), 10 deletions(-)

diff --git a/README.md b/README.md
index 7859e51..8ecc303 100644
--- a/README.md
+++ b/README.md
@@ -66,5 +66,4 @@ package.json:
     "node_modules"
   ]
 }
-
 ```
diff --git a/gulpfile.mjs b/gulpfile.mjs
index 7d0f1d7..53d9516 100644
--- a/gulpfile.mjs
+++ b/gulpfile.mjs
@@ -1,7 +1,5 @@
-import yargs from 'yargs';
 import gulp from 'gulp';
 import gf from 'get-google-fonts';
-import sharp from 'gulp-sharp-responsive';
 import concat from 'gulp-concat';
 import autoprefixer from 'gulp-autoprefixer';
 import cleanCSS from 'gulp-clean-css';
@@ -11,8 +9,9 @@ import {deleteSync} from 'del';
 import axios from 'axios';
 import fs from 'fs-extra';
 import path from 'path';
-import {config} from "./config.mjs"
-
+import imagemin from 'imagemin';
+import imageminWebp from 'imagemin-webp';
+import {config} from "./config.mjs";
 const sass = gulpSass(dartSass);
 
 async function prepareSrc(mixedSources) {
@@ -114,12 +113,32 @@ async function buildFont(){
 function cleanImg() {
     deleteSync([config.del.img]);
 }
+
 async function buildImg(){
-    await gulp.src(config.watch.img)
-        .pipe(sharp({
-            formats: [{format: 'webp'}]
-        }))
-        .pipe(gulp.dest(config.dist + '/' + config.app));
+    const files = await imagemin([config.watch.img], {
+        plugins: [
+            imageminWebp({ quality: 80 }),
+        ],
+    });
+
+    // Verarbeite jede Datei und speichere sie
+    await files.forEach(file => {
+        const relativePath = path.relative(config.watch.img, file.sourcePath);
+        const outputPath = config.dist + '/' + config.app + '/' + relativePath.replace(path.extname(relativePath), '.webp').replace('../../', '');
+console.log(outputPath);
+        // Stelle sicher, dass das Verzeichnis existiert
+        ensureDirectoryExistence(outputPath);
+
+        // Schreibe die konvertierte Datei in das Zielverzeichnis
+        fs.writeFileSync(outputPath, file.data);
+    });
+}
+
+function ensureDirectoryExistence(filePath) {
+    const dir = path.dirname(filePath);
+    if (!fs.existsSync(dir)) {
+        fs.mkdirSync(dir, { recursive: true });
+    }
 }
 
 function watchImg() {