@qingtian/qtcli 1.0.0

package/dist/src/webpack/web/index.js

@@ -0,0 +1,130 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+/* eslint-disable no-nested-ternary */
+var path_1 = __importDefault(require("path"));
+var webpack_1 = __importDefault(require("webpack"));
+var webpack_dev_server_1 = __importDefault(require("webpack-dev-server"));
+var processEnv_1 = require("../../processEnv");
+var loader_1 = require("../../processEnv/loader");
+var command = process.argv[2] || 'dev';
+var argCmd = JSON.parse(((_a = process.argv) === null || _a === void 0 ? void 0 : _a[3]) || '{}');
+// 根据命令设置环境变量
+if (command === 'build') {
+    process.env.BABEL_ENV = 'production';
+    process.env.NODE_ENV = 'production';
+}
+else {
+    process.env.BABEL_ENV = 'development';
+    process.env.NODE_ENV = 'development';
+}
+// 初始化环境变量
+try {
+    processEnv_1.processEnv.initialize(process.env.NODE_ENV, path_1.default.resolve(process.cwd()), process.env.PUBLIC_URL || '');
+}
+catch (error) {
+    console.error('Failed to initialize environment variables:', error);
+    process.exit(1);
+}
+var webpackProdConfig = require('./webpack.prod').default;
+var webpackAnalyConfig = require('./webpack.analy').default;
+var webpackDevConfig = require('./webpack.dev').default;
+function dev() {
+    var _a, _b, _c, _d, _e;
+    var compiler = (0, webpack_1.default)(webpackDevConfig);
+    var devServerOptions = JSON.parse(JSON.stringify(webpackDevConfig.devServer || {}));
+    // 获取 qtcli.config.js 配置
+    var envLoader = loader_1.ProcessEnvLoader.getInstance();
+    var qtConfig = envLoader.getQtConfig();
+    // 先合并 qtcli.config.js 的配置
+    if ((_a = qtConfig === null || qtConfig === void 0 ? void 0 : qtConfig.webpackConfig) === null || _a === void 0 ? void 0 : _a.devServer) {
+        Object.assign(devServerOptions, qtConfig.webpackConfig.devServer);
+    }
+    // 再应用命令行参数，确保命令行参数优先级最高
+    Object.assign(devServerOptions, {
+        open: (_c = (_b = argCmd === null || argCmd === void 0 ? void 0 : argCmd.open) !== null && _b !== void 0 ? _b : devServerOptions.open) !== null && _c !== void 0 ? _c : false,
+        port: (argCmd === null || argCmd === void 0 ? void 0 : argCmd.port) || process.env.PORT || devServerOptions.port || 'auto',
+        server: (argCmd === null || argCmd === void 0 ? void 0 : argCmd.http) ? 'https' : devServerOptions.server || 'http',
+        host: (argCmd === null || argCmd === void 0 ? void 0 : argCmd.domain) || devServerOptions.host || 'localhost',
+    });
+    // 合并代理配置
+    if ((_e = (_d = qtConfig === null || qtConfig === void 0 ? void 0 : qtConfig.webpackConfig) === null || _d === void 0 ? void 0 : _d.devServer) === null || _e === void 0 ? void 0 : _e.proxy) {
+        devServerOptions.proxy = __assign(__assign({ '/api': {
+                target: 'http://localhost:3000',
+                changeOrigin: true,
+                pathRewrite: { '^/api': '' },
+            } }, (devServerOptions.proxy || {})), qtConfig.webpackConfig.devServer.proxy);
+    }
+    var server = new webpack_dev_server_1.default(devServerOptions, compiler);
+    server.startCallback(function () {
+        process && process.send && process.send({ type: 'log', data: 111 });
+    });
+    var ptime = new Date().getTime();
+    compiler.hooks.done.tap('DonePlugin', function (stats) {
+        var port = server.server.address().port;
+        var info = stats.toJson();
+        if (process && process.send) {
+            process.send({
+                type: 'DonePlugin',
+                data: {
+                    time: new Date().getTime() - ptime,
+                    port: port,
+                    errors: info.errors,
+                    warings: info.warnings,
+                    devServerOptions: devServerOptions,
+                },
+            });
+        }
+    });
+    compiler.hooks.compile.tap('compile', function () {
+        ptime = new Date().getTime();
+        if (process && process.send) {
+            process.send({ type: 'compile', data: { time: new Date().getTime() } });
+        }
+    });
+}
+function build() {
+    var compiler = (0, webpack_1.default)((argCmd === null || argCmd === void 0 ? void 0 : argCmd.analy) ? webpackAnalyConfig : webpackProdConfig);
+    compiler.run(function (err, stats) {
+        if (err) {
+            if (process && process.send) {
+                process.send({ type: 'buildError', data: err.message });
+            }
+            throw err;
+        }
+        else {
+            var info = stats.toJson();
+            if (process && process.send) {
+                process.send({
+                    type: 'buildSuccess',
+                    data: {
+                        time: stats.endTime - stats.startTime,
+                        errors: info.errors,
+                        warings: info.warings,
+                    },
+                });
+            }
+        }
+    });
+    compiler.hooks.done.tap('DonePlugin', function () {
+        if (process && process.send) {
+            process.send({ type: 'DonePlugin', data: 111 });
+        }
+    });
+}
+command === 'dev' && dev();
+command === 'build' && build();

package/dist/src/webpack/web/webpack.analy.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var prodConfig = require('./webpack.prod');
+var SpeedMeasurePlugin = require('speed-measure-webpack-plugin');
+var smp = new SpeedMeasurePlugin();
+var merge = require('webpack-merge').merge;
+var BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
+exports.default = smp.wrap(merge(prodConfig, {
+    plugins: [new BundleAnalyzerPlugin()],
+}));

package/dist/src/webpack/web/webpack.base.js

@@ -0,0 +1,419 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
+Object.defineProperty(exports, "__esModule", { value: true });
+var loader_1 = require("../../processEnv/loader");
+var manager_1 = require("../../processEnv/manager");
+var DonePlugin_1 = __importDefault(require("../plugins/DonePlugin"));
+var FileListPlugin_1 = __importDefault(require("../plugins/FileListPlugin"));
+var InjectScriptPlugin_1 = __importDefault(require("../plugins/InjectScriptPlugin"));
+var path = require('path');
+var HtmlWebpackPlugin = require('html-webpack-plugin');
+var HtmlWebpackTagsPlugin = require('html-webpack-tags-plugin');
+var webpack = require('webpack');
+var MiniCssExtractPlugin = require('mini-css-extract-plugin');
+var InterpolateHtmlPlugin = require('react-dev-utils/InterpolateHtmlPlugin');
+// 获取环境变量管理器
+var envManager = manager_1.ProcessEnvManager.getInstance();
+// 获取环境变量配置
+var envConfig = envManager.getOptions();
+// 判断是否为开发环境
+var isDev = function () { return process.env.NODE_ENV === 'development'; };
+// 获取 qtcli.config.js 配置
+var envLoader = loader_1.ProcessEnvLoader.getInstance();
+var qtConfig = envLoader.getQtConfig() || {
+    config: {
+        htmlInject: {
+            head: [],
+            body: [],
+        },
+        env: {},
+    },
+    webpackConfig: {
+        resolve: {
+            alias: {},
+        },
+        module: {
+            rules: [],
+        },
+        plugins: [],
+    },
+};
+// 定义基础配置
+var config = {
+    entry: {
+        index: path.resolve(process.cwd(), './src/index.tsx'),
+    },
+    output: {
+        filename: 'static/js/[name].[chunkhash].js',
+        path: path.resolve(process.cwd(), './dist'),
+        clean: true,
+        publicPath: '/',
+    },
+    module: {
+        rules: [
+            {
+                test: /\.(ts|tsx)$/,
+                include: [path.resolve(process.cwd(), './src')],
+                use: [
+                    {
+                        loader: require.resolve('babel-loader'),
+                        options: {
+                            presets: [
+                                [
+                                    require.resolve('@babel/preset-env'),
+                                    {
+                                        targets: {
+                                            chrome: 36,
+                                            ie: 9,
+                                        },
+                                        useBuiltIns: 'usage',
+                                        corejs: 3,
+                                    },
+                                ],
+                                [
+                                    require.resolve('@babel/preset-react'),
+                                    {
+                                        runtime: 'automatic',
+                                    },
+                                ],
+                                require.resolve('@babel/preset-typescript'),
+                            ],
+                            plugins: [
+                                [
+                                    require.resolve('@babel/plugin-transform-runtime'),
+                                    {
+                                        useESModules: true,
+                                    },
+                                ],
+                            ],
+                        },
+                    },
+                ],
+            },
+            {
+                test: /\.(js|jsx)$/,
+                include: [path.resolve(process.cwd(), './src')],
+                use: [
+                    {
+                        loader: require.resolve('babel-loader'),
+                        options: {
+                            presets: [
+                                [
+                                    require.resolve('@babel/preset-env'),
+                                    {
+                                        targets: {
+                                            chrome: 36,
+                                            ie: 9,
+                                        },
+                                        useBuiltIns: 'usage',
+                                        corejs: 3,
+                                    },
+                                ],
+                                [
+                                    require.resolve('@babel/preset-react'),
+                                    {
+                                        runtime: 'automatic',
+                                        development: isDev(),
+                                    },
+                                ],
+                            ],
+                            plugins: [
+                                [
+                                    require.resolve('@babel/plugin-transform-runtime'),
+                                    {
+                                        useESModules: true,
+                                    },
+                                ],
+                            ],
+                        },
+                    },
+                ],
+            },
+            {
+                test: /\.css$/,
+                exclude: [/\.module\.(css|less)/, /\.global\.less$/],
+                use: [
+                    isDev() ? require.resolve('style-loader') : MiniCssExtractPlugin.loader,
+                    {
+                        loader: require.resolve('css-loader'),
+                    },
+                    {
+                        loader: require.resolve('postcss-loader'),
+                        options: {
+                            postcssOptions: {
+                                plugins: ['autoprefixer'],
+                            },
+                        },
+                    },
+                ],
+            },
+            {
+                test: /\.less$/,
+                exclude: [/\.module\.(css|less)/, /\.global\.less$/],
+                use: [
+                    isDev() ? require.resolve('style-loader') : MiniCssExtractPlugin.loader,
+                    {
+                        loader: require.resolve('css-loader'),
+                    },
+                    {
+                        loader: require.resolve('postcss-loader'),
+                        options: {
+                            postcssOptions: {
+                                plugins: ['autoprefixer'],
+                            },
+                        },
+                    },
+                    {
+                        loader: require.resolve('less-loader'),
+                        options: {
+                            lessOptions: {
+                                javascriptEnabled: true,
+                            },
+                        },
+                    },
+                ],
+            },
+            {
+                test: /\.module\.less/,
+                use: [
+                    isDev() ? require.resolve('style-loader') : MiniCssExtractPlugin.loader,
+                    {
+                        loader: require.resolve('css-loader'),
+                        options: {
+                            modules: {
+                                localIdentName: '[path][name]__[local]--[contenthash:base64]',
+                            },
+                        },
+                    },
+                    {
+                        loader: require.resolve('postcss-loader'),
+                        options: {
+                            postcssOptions: {
+                                plugins: ['autoprefixer'],
+                            },
+                        },
+                    },
+                    {
+                        loader: require.resolve('less-loader'),
+                        options: {
+                            lessOptions: {
+                                javascriptEnabled: true,
+                            },
+                        },
+                    },
+                ],
+            },
+            {
+                test: /\.(png|jpg|jpeg|gif|svg)$/,
+                type: 'asset/resource',
+                parser: {
+                    detaUrlCondition: {
+                        maxSize: 10 * 1024,
+                    },
+                },
+                generator: {
+                    filename: 'static/images/[contenthash][ext][query]',
+                },
+            },
+            {
+                test: /\.(woff2?|eot|ttf|otf)$/,
+                type: 'asset',
+                parser: {
+                    detaUrlCondition: {
+                        maxSize: 10 * 1024,
+                    },
+                },
+                generator: {
+                    filename: 'static/fonts/[name][contenthash][ext]',
+                },
+            },
+            {
+                test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)$/,
+                type: 'asset',
+                parser: {
+                    detaUrlCondition: {
+                        maxSize: 10 * 1024,
+                    },
+                },
+                generator: {
+                    filename: 'static/media/[contenthash][ext]',
+                },
+            },
+            {
+                test: /\.scss$/,
+                exclude: [/\.module\.scss$/],
+                use: [
+                    isDev() ? require.resolve('style-loader') : MiniCssExtractPlugin.loader,
+                    {
+                        loader: require.resolve('css-loader'),
+                        options: {
+                            sourceMap: true,
+                            importLoaders: 2,
+                        },
+                    },
+                    {
+                        loader: require.resolve('postcss-loader'),
+                        options: {
+                            postcssOptions: {
+                                plugins: ['autoprefixer'],
+                            },
+                            sourceMap: true,
+                        },
+                    },
+                    {
+                        loader: require.resolve('sass-loader'),
+                        options: {
+                            sourceMap: true,
+                            implementation: require.resolve('sass'),
+                            sassOptions: {
+                                includePaths: [path.resolve(process.cwd(), './src/styles')],
+                            },
+                        },
+                    },
+                ],
+            },
+            {
+                test: /\.module\.scss$/,
+                use: [
+                    isDev() ? require.resolve('style-loader') : MiniCssExtractPlugin.loader,
+                    {
+                        loader: require.resolve('css-loader'),
+                        options: {
+                            sourceMap: true,
+                            importLoaders: 2,
+                            modules: {
+                                localIdentName: '[path][name]__[local]--[contenthash:base64]',
+                            },
+                        },
+                    },
+                    {
+                        loader: require.resolve('postcss-loader'),
+                        options: {
+                            postcssOptions: {
+                                plugins: ['autoprefixer'],
+                            },
+                            sourceMap: true,
+                        },
+                    },
+                    {
+                        loader: require.resolve('sass-loader'),
+                        options: {
+                            sourceMap: true,
+                            implementation: require('sass'),
+                            sassOptions: {
+                                includePaths: [path.resolve(process.cwd(), './src/styles')],
+                            },
+                        },
+                    },
+                ],
+            },
+        ],
+    },
+    plugins: __spreadArray(__spreadArray(__spreadArray([
+        new HtmlWebpackPlugin({
+            template: path.resolve(process.cwd(), './public/index.html'),
+            filename: '[name].html',
+            inject: true,
+            favicon: path.resolve(process.cwd(), './public/favicon.ico'),
+            publicPath: envConfig.PUBLIC_URL || '/',
+            meta: Array.isArray((_b = (_a = qtConfig === null || qtConfig === void 0 ? void 0 : qtConfig.config) === null || _a === void 0 ? void 0 : _a.htmlInject) === null || _b === void 0 ? void 0 : _b.head)
+                ? qtConfig.config.htmlInject.head
+                    .filter(function (item) { return item.tag === 'meta'; })
+                    .map(function (item) { return item.attrs; })
+                : [],
+        }),
+        new InterpolateHtmlPlugin(HtmlWebpackPlugin, {
+            PUBLIC_URL: envConfig.PUBLIC_URL || '',
+        })
+    ], (Array.isArray((_d = (_c = qtConfig === null || qtConfig === void 0 ? void 0 : qtConfig.config) === null || _c === void 0 ? void 0 : _c.htmlInject) === null || _d === void 0 ? void 0 : _d.head)
+        ? [
+            new HtmlWebpackTagsPlugin({
+                tags: __spreadArray(__spreadArray([], (qtConfig.config.htmlInject.head
+                    .filter(function (item) { return item.tag === 'link'; })
+                    .map(function (item) { return ({
+                    path: item.attrs.href,
+                    append: false,
+                    type: 'css',
+                }); }) || []), true), (qtConfig.config.htmlInject.head
+                    .filter(function (item) { return item.tag === 'script'; })
+                    .map(function (item) { return ({
+                    path: item.attrs.src,
+                    append: false,
+                    type: 'js',
+                }); }) || []), true),
+                append: false,
+                usePublicPath: true,
+            }),
+        ]
+        : []), true), (Array.isArray((_f = (_e = qtConfig === null || qtConfig === void 0 ? void 0 : qtConfig.config) === null || _e === void 0 ? void 0 : _e.htmlInject) === null || _f === void 0 ? void 0 : _f.body)
+        ? [
+            new HtmlWebpackTagsPlugin({
+                tags: qtConfig.config.htmlInject.body
+                    .filter(function (item) { return item.tag === 'script'; })
+                    .map(function (item) { return ({
+                    path: item.attrs.src,
+                    append: true,
+                    type: 'js',
+                }); }),
+                append: true,
+                usePublicPath: true,
+            }),
+        ]
+        : []), true), [
+        new webpack.ProgressPlugin({
+            handler: function (percentage) {
+                process && process.send && process.send({ type: 'progress', data: percentage || 0 });
+            },
+        }),
+        new DonePlugin_1.default(),
+        new FileListPlugin_1.default({
+            filename: 'list.md',
+        }),
+        new webpack.DefinePlugin(__assign(__assign(__assign({}, envConfig), (_h = (_g = qtConfig === null || qtConfig === void 0 ? void 0 : qtConfig.config) === null || _g === void 0 ? void 0 : _g.env) === null || _h === void 0 ? void 0 : _h[process.env.NODE_ENV || 'development']), { 'process.env': JSON.stringify(process.env) })),
+        new InjectScriptPlugin_1.default({
+            headScripts: ((_k = (_j = qtConfig === null || qtConfig === void 0 ? void 0 : qtConfig.config) === null || _j === void 0 ? void 0 : _j.jsInject) === null || _k === void 0 ? void 0 : _k.head) || [],
+            bodyScripts: ((_m = (_l = qtConfig === null || qtConfig === void 0 ? void 0 : qtConfig.config) === null || _l === void 0 ? void 0 : _l.jsInject) === null || _m === void 0 ? void 0 : _m.body) || [],
+        }),
+        !isDev() &&
+            new MiniCssExtractPlugin({
+                filename: 'static/css/[name].[contenthash].css',
+                chunkFilename: 'static/css/[name].[contenthash].chunk.css',
+            }),
+    ], false).filter(Boolean),
+    resolve: {
+        modules: ['node_modules', path.resolve(__dirname, '../../../node_modules')],
+        extensions: ['.jsx', '.js', '.tsx', '.ts', '.less', '.scss'],
+        alias: __assign({ '@': path.resolve(process.cwd(), './src'), react: path.resolve(process.cwd(), './node_modules/react') }, (_p = (_o = qtConfig === null || qtConfig === void 0 ? void 0 : qtConfig.webpackConfig) === null || _o === void 0 ? void 0 : _o.resolve) === null || _p === void 0 ? void 0 : _p.alias),
+    },
+    resolveLoader: {
+        modules: [path.resolve(__filename, '../../../node_modules')],
+    },
+};
+// 合并 webpack 配置
+var finalConfig = __assign(__assign(__assign({}, config), (qtConfig.webpackConfig || {})), { 
+    // 确保某些配置不被覆盖
+    entry: config.entry, output: __assign(__assign({}, config.output), (((_q = qtConfig.webpackConfig) === null || _q === void 0 ? void 0 : _q.output) || {})), module: __assign(__assign({}, config.module), { rules: __spreadArray(__spreadArray([], (((_r = config.module) === null || _r === void 0 ? void 0 : _r.rules) || []), true), (((_t = (_s = qtConfig.webpackConfig) === null || _s === void 0 ? void 0 : _s.module) === null || _t === void 0 ? void 0 : _t.rules) || []), true) }), plugins: __spreadArray(__spreadArray([], (config.plugins || []), true), (((_u = qtConfig.webpackConfig) === null || _u === void 0 ? void 0 : _u.plugins) || []), true) });
+exports.default = finalConfig;

package/dist/src/webpack/web/webpack.dev.js

@@ -0,0 +1,38 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var path_1 = __importDefault(require("path"));
+var webpack_merge_1 = require("webpack-merge");
+var webpack_base_1 = __importDefault(require("./webpack.base"));
+var devConfig = (0, webpack_merge_1.merge)(webpack_base_1.default, {
+    mode: 'development',
+    devtool: 'source-map',
+    devServer: {
+        port: process.env.PORT || 8000,
+        compress: false,
+        hot: true,
+        historyApiFallback: true,
+        server: 'https',
+        allowedHosts: 'all',
+        liveReload: false,
+        client: {
+            progress: true,
+            logging: 'info',
+            overlay: false,
+        },
+        static: {
+            directory: path_1.default.join(process.cwd(), './public'),
+        },
+        onListening: function (devServer) {
+            if (!devServer) {
+                throw new Error('webpack-dev-server is not defined');
+            }
+            var port = devServer.server.address().port;
+            console.log('开发服务器运行在端口:', port);
+        },
+    },
+    plugins: [],
+});
+exports.default = devConfig;

package/dist/src/webpack/web/webpack.prod.js

@@ -0,0 +1,82 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var mini_css_extract_plugin_1 = __importDefault(require("mini-css-extract-plugin"));
+var path = require('path');
+var globAll = require('glob-all');
+var CompressionPlugin = require('compression-webpack-plugin');
+var merge = require('webpack-merge').merge;
+var baseConfig = require('./webpack.base').default;
+var CopyPlugin = require('copy-webpack-plugin');
+var CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
+var TerserPlugin = require('terser-webpack-plugin');
+var PurgeCSSPlugin = require('purgecss-webpack-plugin');
+exports.default = merge(baseConfig, {
+    mode: 'production',
+    plugins: [
+        new CopyPlugin({
+            patterns: [
+                {
+                    from: path.resolve(process.cwd(), './public'),
+                    to: baseConfig.output.path,
+                    filter: function (source) {
+                        return !source.includes('index.html');
+                    },
+                },
+            ],
+        }),
+        new mini_css_extract_plugin_1.default({
+            filename: 'static/css/[name].[contenthash].css',
+        }),
+        new PurgeCSSPlugin({
+            paths: globAll.sync([
+                "".concat(path.join(process.cwd(), './src'), "/**/*.tsx"),
+                "".concat(path.join(process.cwd(), './src'), "/**/*.jsx"),
+                path.join(process.cwd(), './public/index.html'),
+            ]),
+            safelist: {
+                standard: [/^ant-/],
+            },
+        }),
+        new CompressionPlugin({
+            test: /.(js|css)$/,
+            filename: '[path][base].gz',
+            algorithm: 'gzip',
+            threshold: 1024,
+            minRatio: 0.8,
+        }),
+    ],
+    optimization: {
+        splitChunks: {
+            cacheGroups: {
+                vendors: {
+                    test: /node_modules/,
+                    name: 'vendors',
+                    minChunks: 1,
+                    chunks: 'initial',
+                    minSize: 100,
+                    priority: 1,
+                },
+                commons: {
+                    name: 'commons',
+                    minChunks: 2,
+                    chunks: 'initial',
+                    minSize: 100,
+                },
+            },
+        },
+        minimizer: [
+            new CssMinimizerPlugin(),
+            new TerserPlugin({
+                parallel: true,
+                terserOptions: {
+                    compress: {
+                        pure_funcs: ['console.log'],
+                    },
+                },
+            }),
+        ],
+    },
+});