initial

bundler/webpack.common.js

@@ -0,0 +1,119 @@
+const CopyWebpackPlugin = require('copy-webpack-plugin');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const MiniCSSExtractPlugin = require('mini-css-extract-plugin');
+const path = require('path');
+const webpack = require('webpack');
+
+module.exports = (env) => {
+  // Корневая директория проекта
+  const rootDir = path.resolve(__dirname, '../');
+
+  return {
+    context: path.resolve(process.cwd()), // Корень проекта
+    entry: './src/index.js', // Относительный путь от контекста
+    output: {
+      hashFunction: 'xxhash64',
+      filename: 'bundle.js',
+      path: path.resolve(process.cwd(), 'dist')
+    },
+    resolve: {
+      extensions: ['.js', '.ts'],
+      symlinks: true, // Включает поддержку символических ссылок
+      alias: {
+        services: path.resolve(process.cwd(), 'services'),
+        utils: path.resolve(process.cwd(), 'utils'),
+        extensions:  path.resolve(process.cwd(), 'extensions'),
+        decorators: path.resolve(process.cwd(), 'decorators'),
+        base: path.resolve(process.cwd(), 'base')
+      },
+      modules: [
+        path.resolve(rootDir), // Убедитесь, что пути абсолютные
+        'node_modules',
+      ],
+    },
+    plugins: [
+      new CopyWebpackPlugin({
+        patterns: [
+          { from: path.resolve(process.cwd(), 'src/assets') },
+          { from: path.resolve(process.cwd(), 'public/imgs') },
+          { from: path.resolve(__dirname, '../assets')},
+        ],
+      }),
+      new HtmlWebpackPlugin({
+        template: path.resolve(process.cwd(), 'public/index.html'),
+        minify: true
+      }),
+      new MiniCSSExtractPlugin(),
+      new webpack.DefinePlugin({
+        __VERSION: JSON.stringify(require(path.resolve(process.cwd(), 'package.json')).version),
+        __STORAGE_ID: JSON.stringify(require(path.resolve(process.cwd(), 'package.json')).storageId),
+      }),
+    ],
+    module: {
+      rules: [
+        {
+          test: /\.css$/i,
+          use: ['style-loader', 'css-loader'],
+        },
+        // JS
+        {
+          test: /\.js$|\.jsx$/,
+          exclude: /node_modules/,
+          use: {
+            loader: 'babel-loader',
+            options: {
+              presets: ['@babel/env', '@babel/react'],
+            },
+          },
+        },
+        // Images
+        {
+          test: /\.(jpg|png|webp|gif|svg|mp3)$/,
+          type: 'asset/resource',
+          generator: {
+            filename: 'assets/images/[hash][ext]',
+          },
+        },
+        // Sounds
+        {
+          test: /\.(mp3|ogg)$/,
+          type: 'asset/resource',
+          generator: {
+            filename: 'assets/sounds/[hash][ext]',
+          },
+        },
+        // Fonts
+        {
+          test: /\.(ttf|eot|woff|woff2|otf)$/,
+          type: 'asset/resource',
+          generator: {
+            filename: 'assets/fonts/[hash][ext]',
+          },
+        },
+      ],
+    },
+    optimization: {
+      splitChunks: {
+        chunks: 'async',
+        minSize: 20000,
+        minRemainingSize: 0,
+        minChunks: 1,
+        maxAsyncRequests: 30,
+        maxInitialRequests: 30,
+        enforceSizeThreshold: 50000,
+        cacheGroups: {
+          defaultVendors: {
+            test: /[\\/]node_modules[\\/]/,
+            priority: -10,
+            reuseExistingChunk: true,
+          },
+          default: {
+            minChunks: 2,
+            priority: -20,
+            reuseExistingChunk: true,
+          },
+        },
+      },
+    },
+  };
+};