fixing Web-App

2025-09-27 00:21:56 +02:00
parent 85249be62c
commit 6a40375e3f
4 changed files with 115 additions and 17 deletions
@@ -1,10 +1,69 @@
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const path = require('path');

+// Template-Pfad für deine index.html
 const templatePath = path.resolve(__dirname, '../../../../clients/app/src/jsMain/resources/index.html');

+// Erweitere die bestehende Kotlin/JS Webpack-Konfiguration
 config.plugins.push(new HtmlWebpackPlugin({
-  template: templatePath,
-  filename: 'index.html',
-  inject: 'body',
+    template: templatePath,
+    filename: 'index.html',
+    inject: 'body',
+    // Optimierung hinzufügen
+    minify: {
+        removeComments: true,
+        collapseWhitespace: true,
+        removeRedundantAttributes: true,
+        removeEmptyAttributes: true,
+        useShortDoctype: true,
+        removeStyleLinkTypeAttributes: true,
+        keepClosingSlash: true,
+        minifyJS: true,
+        minifyCSS: true,
+        minifyURLs: true,
+    }
 }));
+
+// Bundle-Analyse für Development
+if (process.env.ANALYZE_BUNDLE === 'true') {
+    const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
+    config.plugins.push(new BundleAnalyzerPlugin({
+        analyzerMode: 'static',
+        openAnalyzer: false,
+        reportFilename: 'bundle-report.html'
+    }));
+}
+
+// Weitere Optimierungen hinzufügen (erweitert bestehende config)
+config.optimization = {
+    ...config.optimization, // Behalte Kotlin/JS Optimierungen
+    splitChunks: {
+        chunks: 'all',
+        cacheGroups: {
+            vendor: {
+                test: /[\\/]node_modules[\\/]/,
+                name: 'vendor',
+                chunks: 'all'
+            }
+        }
+    }
+};
+
+// Development Server Konfiguration erweitern
+if (config.devServer) {
+    config.devServer = {
+        ...config.devServer,
+        historyApiFallback: true,
+        hot: true,
+        // API Proxy für Backend-Anfragen (Array-Format für moderne Webpack)
+        proxy: [
+            {
+                context: ['/api'],
+                target: 'http://localhost:8081',
+                changeOrigin: true,
+                secure: false,
+                pathRewrite: { '^/api': '' }
+            }
+        ]
+    }
+}