Initial commit

2025-09-11 13:56:29 +02:00 · 2021-10-16 01:53:56 +02:00
commit ebdd8dccdd
104 changed files with 29770 additions and 0 deletions
--- a/webpack/base.config.ts
+++ b/webpack/base.config.ts
@@ -0,0 +1,127 @@
+import path from "path"
+import webpack, { Configuration, WebpackPluginInstance, RuleSetUseItem } from "webpack"
+import { WebpackManifestPlugin } from "webpack-manifest-plugin"
+import TerserPlugin from "terser-webpack-plugin"
+import MiniCssExtractPlugin from "mini-css-extract-plugin"
+import ForkTsCheckerWebpackPlugin from "fork-ts-checker-webpack-plugin"
+import LoadablePlugin from "@loadable/webpack-plugin"
+import { BundleAnalyzerPlugin } from "webpack-bundle-analyzer"
+
+export const isDev = process.env.NODE_ENV === "development"
+
+const getStyleLoaders = (isWeb: boolean, isSass?: boolean) => {
+    let loaders: RuleSetUseItem[] = [
+        {
+            loader: "css-loader",
+            options: {
+                importLoaders: isSass ? 2 : 1,
+                modules: {
+                    auto: true,
+                    localIdentName: isDev ? "[path][name]__[local]" : "[hash:base64]",
+                    exportOnlyLocals: !isWeb,
+                },
+            },
+        },
+        { loader: "postcss-loader" },
+    ]
+
+    if (isWeb) loaders = [MiniCssExtractPlugin.loader, ...loaders]
+
+    if (isSass) loaders = [...loaders, { loader: "sass-loader" }]
+
+    return loaders
+}
+
+const getPlugins = (isWeb: boolean) => {
+    let plugins = [
+        new webpack.ProgressPlugin(),
+        new WebpackManifestPlugin({
+            fileName: path.resolve(process.cwd(), "public/webpack-assets.json"),
+            filter: (file) => file.isInitial,
+        }),
+        new LoadablePlugin({
+            writeToDisk: true,
+            filename: "../loadable-stats.json",
+        }),
+        // Setting global variables
+        new webpack.DefinePlugin({
+            __CLIENT__: isWeb,
+            __SERVER__: !isWeb,
+            __DEV__: isDev,
+        }),
+    ]
+
+    if (isDev)
+        plugins = [
+            ...plugins,
+            // Runs TypeScript type checker on a separate process
+            new ForkTsCheckerWebpackPlugin({
+                // (Required) Same as eslint command
+                eslint: { files: "./src/**/*.{js,jsx,ts,tsx}" },
+            }),
+        ]
+
+    if (!isDev)
+        plugins = [
+            ...plugins,
+            // Visualize size of webpack output files, see: https://github.com/webpack-contrib/webpack-bundle-analyzer
+            new BundleAnalyzerPlugin({
+                analyzerMode: process.env.NODE_ENV === "analyze" ? "server" : "disabled",
+            }),
+        ]
+
+    return plugins
+}
+
+const config = (isWeb = false): Configuration => ({
+    mode: isDev ? "development" : "production",
+    stats: "minimal",
+    context: path.resolve(process.cwd()),
+    output: { clean: true },
+    optimization: {
+        minimizer: [
+            new TerserPlugin({
+                // See more options: https://github.com/webpack-contrib/terser-webpack-plugin#terseroptions
+                terserOptions: { compress: { drop_console: true } },
+            }),
+        ],
+    },
+    plugins: getPlugins(isWeb) as WebpackPluginInstance[],
+    module: {
+        rules: [
+            {
+                test: /\.(t|j)sx?$/,
+                exclude: /node_modules/,
+                loader: "babel-loader",
+                options: {
+                    caller: { target: isWeb ? "web" : "node" },
+                    cacheDirectory: isDev,
+                },
+            },
+            {
+                test: /\.css$/,
+                use: getStyleLoaders(isWeb),
+            },
+            {
+                test: /\.(scss|sass)$/,
+                use: getStyleLoaders(isWeb, true),
+            },
+            {
+                test: /\.(woff2?|eot|ttf|otf)$/i,
+                type: "asset",
+                generator: { emit: isWeb },
+            },
+            {
+                test: /\.(png|svg|jpe?g|gif)$/i,
+                type: "asset",
+                generator: { emit: isWeb },
+            },
+        ],
+    },
+    resolve: {
+        modules: ["src", "node_modules"],
+        extensions: [".ts", ".tsx", ".js", ".jsx", ".json"],
+    },
+})
+
+export default config