First Commit

2024-06-30 14:41:33 +02:00 · 2024-06-30 14:41:33 +02:00 · 923d6ca242
commit 923d6ca242
35 changed files with 4933 additions and 0 deletions
--- a/webpack.config.js
+++ b/webpack.config.js
@ -0,0 +1,95 @@
+const MiniCssExtractPlugin = require('mini-css-extract-plugin'),
+    Path = require('path'),
+    AssetsPlugin = require('assets-webpack-plugin'),
+    CopyPlugin = require('copy-webpack-plugin');
+
+const PUBLIC_FOLDER = Path.resolve(__dirname, 'public'),
+    SOURCE_FOLDER = Path.resolve(__dirname, 'src'),
+    JS_FOLDER = Path.resolve(SOURCE_FOLDER, 'js'),
+    CSS_FOLDER = Path.resolve(SOURCE_FOLDER, 'css'),
+    PHP_FOLDER = Path.resolve(SOURCE_FOLDER, 'php');
+
+const PROD = false;
+
+const INDEX_PATH = Path.resolve(PHP_FOLDER, PROD ? 'index.prod.php' : 'index.dev.php');
+
+module.exports = {
+    plugins: [
+        new AssetsPlugin({
+            filename: 'file-index.json',
+            path: SOURCE_FOLDER,
+            includeAllFileTypes: false,
+            entrypoints: true,
+            removeFullPathAutoPrefix: true
+        }),
+        new MiniCssExtractPlugin({
+            filename: 'css/[name].css'
+        }),
+        new CopyPlugin({
+            patterns: [
+                {
+                    from: INDEX_PATH,
+                    to: PUBLIC_FOLDER + '/index.php'
+                },
+            ]
+        })
+    ],
+    mode: PROD ? 'production' : 'development',
+    devtool: 'source-map',
+    optimization: {
+        runtimeChunk: "single",
+        splitChunks: {
+            cacheGroups: {
+                vendor: {
+                    test: /[\\/]node_modules[\\/]/,
+                    name: 'vendors',
+                    chunks: 'all',
+                },
+                common: {
+                    test: /[\\/]common[\\/]/,
+                    name: 'common',
+                    chunks: 'all'
+                }
+            },
+        },
+    },
+    module: {
+        rules: [
+            {
+                test: /\.css$/i,
+                use: [
+                    MiniCssExtractPlugin.loader,
+                    'css-loader'
+                ],
+            },
+            {
+                test: /\.scss$/i,
+                use: [
+                    MiniCssExtractPlugin.loader,
+                    'css-loader',
+                    'resolve-url-loader',
+                    "sass-loader"
+                ]
+            },
+            {
+                test: /\.ts$/i,
+                use: 'ts-loader',
+                exclude: /node_modules/,
+            },
+            {
+                test: /\.(woff|woff2|eot|ttf|otf|gif|svg)$/i,
+                type: 'asset/resource',
+            }
+        ],
+    },
+    resolve: {
+        extensions: ['.js', '.ts'],
+    },
+    entry: {
+        index: JS_FOLDER + "/pages/index"
+    },
+    output: {
+        path: PUBLIC_FOLDER,
+        filename: 'js/[name].js'
+    }
+}