001code-html--cocos/scratch-gui/webpack.config.js

const fs = require('fs');
const gracefulFs = require('graceful-fs');
// Windows 上 webpack/terser 并行打开大量文件时会 EMFILE，这里排队重试
gracefulFs.gracefulify(fs);

const defaultsDeep = require('lodash.defaultsdeep');
const path = require('path');
const zlib = require('zlib');
const webpack = require('webpack');

// Plugins
const CopyWebpackPlugin = require('copy-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const CompressionPlugin = require("compression-webpack-plugin");
// const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer')

// PostCss
const autoprefixer = require('autoprefixer');
const postcssVars = require('postcss-simple-vars');
const postcssImport = require('postcss-import');
const TerserPlugin = require('terser-webpack-plugin');

const STATIC_PATH = process.env.STATIC_PATH || '/static';
const { APP_NAME } = require('./src/lib/brand');

const root = process.env.ROOT || '';
if (root.length > 0 && !root.endsWith('/')) {
    throw new Error('If ROOT is defined, it must have a trailing slash.');
}

function readConfigQuotedValue(key, fallback) {
    const src = fs.readFileSync(path.join(__dirname, 'src/playground/config.js'), 'utf8');
    let value = fallback;
    src.split(/\r?\n/).forEach((line) => {
        const trimmed = line.trim();
        if (trimmed.startsWith('//')) return;
        const match = trimmed.match(new RegExp(key + '\\s*:\\s*["\']([^"\']+)["\']'));
        if (match) value = match[1];
    });
    return value;
}

const DATA_SERVER_BASE_URL = readConfigQuotedValue('DataServerBaseUrl', 'https://test-service.001code.cn');
const AI_COURSE_OSS_BASE = readConfigQuotedValue('aiCourseOssBase', 'https://oss.001code.cn/ai_courses');
console.log('[webpack] DataServerBaseUrl =', DATA_SERVER_BASE_URL);
const version = "2025071401";
const htmlWebpackPluginCommon = {
    root: root,
    meta: JSON.parse(process.env.EXTRA_META || '{}'),
    APP_NAME,
    version: version, // 使用时间戳作为版本号
    dataServerBaseUrl: DATA_SERVER_BASE_URL,
    aiCourseOssBase: AI_COURSE_OSS_BASE,
    minify: process.env.NODE_ENV === 'production' ? {
        collapseWhitespace: true,
        removeComments: true,
        removeRedundantAttributes: false,  // 这会保留 type="text" 等属性
        removeScriptTypeAttributes: true,
        removeStyleLinkTypeAttributes: true,
        useShortDoctype: true
    } : false
};

// When this changes, the path for all JS files will change, bypassing any HTTP caches
const CACHE_EPOCH = 'gleba';
const base = {
    mode: process.env.NODE_ENV === 'production' ? 'production' : 'development',
    devtool: process.env.SOURCEMAP || (process.env.NODE_ENV === 'production' ? false : 'cheap-module-source-map'),
    devServer: {
        contentBase: path.resolve(__dirname, 'build'),
        host: '0.0.0.0',
        disableHostCheck: true,
        compress: true,
        // https: {
        //     key: fs.readFileSync('server.key'),  // 自签名证书的密钥路径
        //     cert: fs.readFileSync('server.cert')  // 自签名证书的路径
        //   },
        port: process.env.PORT || 8601,
        // allows ROUTING_STYLE=wildcard to work properly
        historyApiFallback: {
            rewrites: [
                { from: /^\/$/, to: '/login.html' },  // 根路径重定向到 login.html
                // {from: /^\/\d+\/fullscreen\/?$/, to: '/fullscreen.html'},
                // {from: /^\/\d+\/editor\/?$/, to: '/editor.html'},
                // {from: /^\/\d+\/embed\/?$/, to: '/embed.html'},
                { from: /^\/editor\/?$/, to: '/editor.html' },
                // {from: /^\/addons\/?$/, to: '/addons.html'},
                { from: /^\/login\/?$/, to: '/login.html' },
                // {from: /^\/forgotpass\/?$/, to: '/forgotpass.html'},
                { from: /^\/signup\/?$/, to: '/signup.html' },
                // {from: /^\/onegame\/?$/, to: '/onegame.html'},
                { from: /^\/welcome\/?$/, to: '/welcome.html' },
                { from: /^\/competition\/?$/, to: '/competition.html' },
                { from: /^\/competition_sum\/?$/, to: '/competition_sum.html' },
                { from: /^\/competition_list\/?$/, to: '/competition_list.html' },
                { from: /^\/programming-learning\/?$/, to: '/programming-learning.html' },
                { from: /^\/leaderboard\/?$/, to: '/leaderboard.html' },
                // {from: /^\/001oj\/?$/, to: '/001oj.html'},
                // {from: /^\/aipic\/?$/, to: '/aipic.html'},
                { from: /^\/matchsum\/?$/, to: '/matchsum.html' },
                { from: /^\/third-part-login\/?$/, to: '/third-part-login.html' },
                { from: /^\/competition-groups\/?$/, to: '/competition-groups.html' },
                { from: /^\/sichuan-chongqing-competition\/?$/, to: '/sichuan-chongqing-competition.html' },
                { from: /^\/aboutus\/?$/, to: '/aboutus.html' },
                { from: /^\/ai\/?$/, to: '/ai.html' },
                { from: /^\/coming-soon\/?$/, to: '/coming-soon.html' },
                { from: /^\/ai-text\/?$/, to: '/ai-text.html' },
                { from: /^\/ai-draw\/?$/, to: '/ai-draw.html' },
                { from: /^\/ai-huiben\/?$/, to: '/ai-huiben.html' },
                { from: /^\/ai-voice\/?$/, to: '/ai-voice.html' },
                { from: /^\/ai-video\/?$/, to: '/ai-video.html' },
                { from: /^\/ai-music\/?$/, to: '/ai-music.html' },
                { from: /^\/works-plaza\/?$/, to: '/works-plaza.html' },
                { from: /^\/course-detail\/?$/, to: '/course-detail.html' },
                { from: /^\/home\/?$/, to: '/home.html' },
                { from: /^\/home-laoshan\/?$/, to: '/competition-scssn-laoshan.html' }, //崂山赛事定制
                { from: /^\/aicoding-groups-laoshan\/?$/, to: '/competition-groups-laoshan.html' },
                { from: /^\/home-linyi\/?$/, to: '/competition-scssn-linyi.html' },
                { from: /^\/aicoding-groups-linyi\/?$/, to: '/competition-groups-linyi.html' },
                { from: /^\/home-linqing\/?$/, to: '/competition-linqing.html' },
                { from: /^\/aicoding-groups-linqing\/?$/, to: '/competition-groups-linqing.html' },
                { from: /^\/home-chengyang\/?$/, to: '/competition-chengyang.html' },
                { from: /^\/aicoding-groups-chengyang\/?$/, to: '/competition-groups-chengyang.html' },
                { from: /^\/home-longyan\/?$/, to: '/competition-longyan.html' },
                { from: /^\/aicoding-groups-longyan\/?$/, to: '/competition-groups-longyan.html' },
            ]
        },
        headers: {
            'Access-Control-Allow-Origin': '*'
        },
        proxy: (() => {
            const remote = process.env.UNITY_CDN_REMOTE || 'https://oss.eanic.cn/001_code_cocos_res_20260616';
            const proxyPrefix = process.env.UNITY_CDN_DEV_PROXY || '/cdn-unity';
            let origin;
            let pathname;
            try {
                const u = new URL(remote);
                origin = u.origin;
                pathname = u.pathname.replace(/\/$/, '');
            } catch (e) {
                return {};
            }
            return {
                [proxyPrefix]: {
                    target: origin,
                    pathRewrite: {[proxyPrefix]: pathname},
                    changeOrigin: true,
                    secure: true,
                    logLevel: 'warn'
                }
            };
        })(),
        // 自定义请求头
        before: function (app, server) {

            app.get('*.wasm.br', (req, res, next) => {
                res.setHeader('Content-Type', 'application/wasm');
                next();
            });
            app.get('*.asm.js.br', (req, res, next) => {
                res.setHeader('Content-Type', 'application/javascript');
                next();
            });
            app.get('*.br', (req, res, next) => {
                res.set('Content-Encoding', 'br');  // 为 Brotli 文件添加 Content-Encoding 头
                next();
            });
        }
    },
    output: {
        library: 'GUI',
        filename: process.env.NODE_ENV === 'production' ? `js/${CACHE_EPOCH}/[name].[contenthash].js` : 'js/[name].js',
        chunkFilename: process.env.NODE_ENV === 'production' ? `js/${CACHE_EPOCH}/[name].[contenthash].js` : 'js/[name].js',
        publicPath: root
    },
    resolve: {
        symlinks: false,
        alias: {
            'text-encoding$': path.resolve(__dirname, 'src/lib/tw-text-encoder'),
            'scratch-render-fonts$': path.resolve(__dirname, 'src/lib/tw-scratch-render-fonts')
        }
    },
    module: {
        rules: [{
            test: /\.jsx?$/,
            loader: 'babel-loader',
            include: [
                path.resolve(__dirname, 'src'),
                /node_modules[\\/]scratch-[^\\/]+[\\/]src/,
                /node_modules[\\/]pify/,
                /node_modules[\\/]@vernier[\\/]godirect/
            ],
            options: {
                // Explicitly disable babelrc so we don't catch various config
                // in much lower dependencies.
                babelrc: false,
                plugins: [
                    ['react-intl', {
                        messagesDir: './translations/messages/'
                    }]],
                presets: ['@babel/preset-env', '@babel/preset-react']
            }
        },
        {
            test: /\.css$/,
            use: [{
                loader: 'style-loader'
            }, {
                loader: 'css-loader',
                options: {
                    modules: true,
                    importLoaders: 1,
                    localIdentName: '[name]_[local]_[hash:base64:5]',
                    camelCase: true
                }
            }, {
                loader: 'postcss-loader',
                options: {
                    ident: 'postcss',
                    plugins: function () {
                        return [
                            postcssImport,
                            postcssVars,
                            autoprefixer
                        ];
                    }
                }
            }]
        },
        {
            test: /\.hex$/,
            use: [{
                loader: 'url-loader',
                options: {
                    limit: 16 * 1024
                }
            }]
        }]
    },
    plugins: [
        new CopyWebpackPlugin({
            patterns: [
                {
                    from: 'node_modules/scratch-blocks/media',
                    to: 'static/blocks-media/default'
                },
                {
                    from: 'node_modules/scratch-blocks/media',
                    to: 'static/blocks-media/high-contrast'
                },
                {
                    from: 'src/lib/themes/blocks/high-contrast-media/blocks-media',
                    to: 'static/blocks-media/high-contrast',
                    force: true
                },
                {
                    from: 'static/css',
                    to: 'css'
                },
                {
                    from: 'static/js',
                    to: 'js'
                }
            ]
        })
    ]
};

if (!process.env.CI) {
    base.plugins.push(new webpack.ProgressPlugin());
}

module.exports = [
    // to run editor examples
    defaultsDeep({}, base, {
        entry: {
            'editor': ['./src/playground/checkStatus.js', './src/playground/editor.jsx', './src/playground/auth.js'],
            // 'player': './src/playground/player.jsx',
            // 'fullscreen': './src/playground/fullscreen.jsx',
            // 'embed': './src/playground/embed.jsx',
            // 'addon-settings': './src/playground/addon-settings.jsx',
            // 'credits': './src/playground/credits/credits.jsx',
            'login': './src/playground/login.js', // 新增的 login.js 入口
            'signup': '/src/playground/signup.js',
            'matchsum': ['./src/playground/checkStatus.js', '/src/playground/matchsum.js', './src/playground/auth.js'],
            'app-target': './src/playground/app-target.js',  // 确保全局入口文件被包含
            'welcome': ['./src/playground/welcome.js', './src/playground/auth.js'],
            'programming-learning': ['./src/playground/checkStatus.js', './src/playground/programming-learning.js', './src/playground/auth.js'],
            'competition_sum': ['./src/playground/checkcompetitionStatus.js', './src/playground/competition_sum.js', './src/playground/auth.js'],
            'competition': ['./src/playground/competition.js'],
            'competition_list': ['./src/playground/competition_list.js'],
            // 'onegame': ['./src/playground/import-check.js', './src/playground/onegame.js']
            'third-part-login': ['./src/playground/third-part-login.js'],
            'leaderboard': './src/playground/leaderboard.js',
            'home': './src/playground/home.js',
            // AI 静态页与 login 共用 config.js，避免只烘焙启动时的旧地址
            'aiConfig': './src/playground/ai-config.js'
        },
        output: {
            path: path.resolve(__dirname, 'build')
        },
        module: {
            rules: base.module.rules.concat([
                {
                    test: /\.(svg|png|wav|mp3|gif|jpg|woff2)$/,
                    loader: 'url-loader',
                    options: {
                        limit: 2048,
                        outputPath: 'static/assets/',
                        esModule: false
                    }
                }
            ])
        },
        optimization: {
            // 启用tree-shaking和代码去重
            usedExports: true,
            sideEffects: false,
            minimize: true,
            minimizer: [
                new TerserPlugin({
                    terserOptions: {
                        parse: {
                            ecma: 8
                        },
                        compress: {
                            ecma: 5,
                            warnings: false,
                            comparisons: false,
                            inline: 2,
                            drop_console: process.env.NODE_ENV === 'production',
                            drop_debugger: true,
                            pure_funcs: ['console.log']
                        },
                        output: {
                            ecma: 5,
                            comments: false,
                            ascii_only: true
                        },
                        mangle: true
                    },
                    // Windows 上 parallel:true + cache:true 会在
                    // node_modules/.cache/terser-webpack-plugin/tmp 同时打开过多文件，触发 EMFILE
                    parallel: process.platform === 'win32' ? 2 : true,
                    cache: process.platform !== 'win32'
                })
            ],
            splitChunks: {
                chunks: 'all',
                minChunks: 2,
                minSize: 50000,
                maxInitialRequests: 5
            }
            // splitChunks: {
            //     chunks: 'all',
            //     minSize: 30000,         // 提高最小chunk体积（减少小chunks）
            //     maxSize: 500000,        // 最大chunk体积
            //     minChunks: 2,           // 至少被2个入口引用才抽离
            //     maxAsyncRequests: 30,
            //     maxInitialRequests: 3,  // 降低初始请求数（减少chunks）
            //     automaticNameDelimiter: '~',
            //     cacheGroups: {
            //         // 只抽离真正被多个入口使用的库
            //         vendors: {
            //             test: /[\\/]node_modules[\\/]/,
            //             name: 'vendors',
            //             priority: 10,
            //             reuseExistingChunk: true,
            //             enforce: true,
            //             minChunks: 3    // 至少3个入口使用才抽离vendors
            //         },
            //         // React和Redux等核心库
            //         react: {
            //             test: /[\\/]node_modules[\\/](react|react-dom|react-redux|redux)[\\/]/,
            //             name: 'react-vendors',
            //             priority: 20,
            //             reuseExistingChunk: true,
            //             minChunks: 2
            //         },
            //         // Scratch相关库
            //         scratch: {
            //             test: /[\\/]node_modules[\\/](scratch-vm|scratch-render)[\\/]/,
            //             name: 'scratch-vendors',
            //             priority: 19,
            //             reuseExistingChunk: true,
            //             minChunks: 2
            //         },
            //         // 通用工具库
            //         common: {
            //             minChunks: 2,
            //             priority: 5,
            //             reuseExistingChunk: true
            //         }
            //     }
            // }
        },
        plugins: base.plugins.concat([
            new webpack.DefinePlugin({
                'process.env.NODE_ENV': `"${process.env.NODE_ENV}"`,
                'process.env.DEBUG': Boolean(process.env.DEBUG),
                'process.env.ENABLE_SERVICE_WORKER': JSON.stringify(process.env.ENABLE_SERVICE_WORKER || ''),
                'process.env.ROOT': JSON.stringify(root),
                'process.env.ROUTING_STYLE': JSON.stringify(process.env.ROUTING_STYLE || 'filehash')
            }),
            {
                apply: function (compiler) {
                    compiler.hooks.compilation.tap('SyncDataServerBaseUrl', function (compilation) {
                        var hooks = HtmlWebpackPlugin.getHooks && HtmlWebpackPlugin.getHooks(compilation);
                        if (!hooks || !hooks.beforeHtmlGeneration) return;
                        hooks.beforeHtmlGeneration.tap('SyncDataServerBaseUrl', function (data) {
                            data.plugin.options.dataServerBaseUrl = readConfigQuotedValue(
                                'DataServerBaseUrl',
                                data.plugin.options.dataServerBaseUrl || DATA_SERVER_BASE_URL
                            );
                            data.plugin.options.aiCourseOssBase = readConfigQuotedValue(
                                'aiCourseOssBase',
                                data.plugin.options.aiCourseOssBase || AI_COURSE_OSS_BASE
                            );
                            return data;
                        });
                    });
                }
            },
            new HtmlWebpackPlugin({
                chunks: ['editor'],
                template: 'src/playground/index.ejs',
                filename: 'editor.html',
                title: `${APP_NAME}`,
                isEditor: true,
                ...htmlWebpackPluginCommon
            }),
            // new HtmlWebpackPlugin({
            //     chunks: ['player'],
            //     template: 'src/playground/index.ejs',
            //     filename: 'index.html',
            //     title: `${APP_NAME} - Run Scratch projects faster`,
            //     ...htmlWebpackPluginCommon
            // }),
            // new HtmlWebpackPlugin({
            //     chunks: ['fullscreen'],
            //     template: 'src/playground/index.ejs',
            //     filename: 'fullscreen.html',
            //     title: `${APP_NAME}`,
            //     ...htmlWebpackPluginCommon
            // }),
            // new HtmlWebpackPlugin({
            //     chunks: ['embed'],
            //     template: 'src/playground/embed.ejs',
            //     filename: 'embed.html',
            //     title: `Embedded Project - ${APP_NAME}`,
            //     ...htmlWebpackPluginCommon
            // }),
            // new HtmlWebpackPlugin({
            //     chunks: ['addon-settings'],
            //     template: 'src/playground/simple.ejs',
            //     filename: 'addons.html',
            //     title: `Addon Settings - ${APP_NAME}`,
            //     ...htmlWebpackPluginCommon
            // }),
            // new HtmlWebpackPlugin({
            //     chunks: ['credits'],
            //     template: 'src/playground/simple.ejs',
            //     filename: 'credits.html',
            //     title: `${APP_NAME} Credits`,
            //     ...htmlWebpackPluginCommon
            // }),
            new HtmlWebpackPlugin({
                chunks: ['signup'],
                template: 'src/playground/signup-new.ejs',  // 注册页面
                filename: 'signup.html',
                title: `signup - ${APP_NAME}`,
                minify: {
                    collapseWhitespace: true,
                    removeComments: true,
                    removeRedundantAttributes: false,  // 这会保留 type="text"
                    removeScriptTypeAttributes: true,
                    removeStyleLinkTypeAttributes: true,
                    useShortDoctype: true
                },
                ...htmlWebpackPluginCommon
            }),
            new HtmlWebpackPlugin({
                chunks: ['forgotpass'],
                template: 'src/playground/forgotpass.ejs',  // 忘记密码页面
                filename: 'forgotpass.html',
                title: `forgotpass - ${APP_NAME}`,
                ...htmlWebpackPluginCommon
            }),
            new CopyWebpackPlugin({
                patterns: [
                    {
                        from: 'static',
                        to: '',
                        globOptions: {
                            ignore: process.env.UNITY_CDN_PURE ? ['**/unity/**'] : []
                        }
                    }
                ]
            }),
            new CopyWebpackPlugin({
                patterns: [
                    {
                        from: 'static',
                        to: ''
                    }
                ]
            }),
            new HtmlWebpackPlugin({
                chunks: ['login'],
                template: 'src/playground/login-new.ejs',  // 新创建的 EJS 文件
                filename: 'login.html',  // 生成的登录页面文件
                title: `Login - ${APP_NAME}`,
                ...htmlWebpackPluginCommon
            }),
            new HtmlWebpackPlugin({
                chunks: ['login'],
                template: 'src/playground/login-new.ejs',  // 新创建的 EJS 文件
                filename: 'index.html',  // 生成的登录页面文件
                title: `Login - ${APP_NAME}`,
                ...htmlWebpackPluginCommon
            }),

            new HtmlWebpackPlugin({
                chunks: ['competition-scssn-laoshan'],
                template: 'src/playground/aicoding-laoshan.ejs',
                filename: 'competition-scssn-laoshan.html',  // 崂山主页
                title: `比赛入口 - ${APP_NAME}`,
                ...htmlWebpackPluginCommon
            }),

            new HtmlWebpackPlugin({
                chunks: ['competition-groups-laoshan'],
                template: 'src/playground/aicoding-groups-laoshan.ejs',
                filename: 'aicoding-groups-laoshan.html',
                title: `aicoding-groups-laoshan - ${APP_NAME}`,
                ...htmlWebpackPluginCommon
            }),

            new HtmlWebpackPlugin({
                chunks: ['competition-scssn-linyi'],
                template: 'src/playground/aicoding-linyi.ejs',
                filename: 'competition-scssn-linyi.html',  // 临沂主页
                title: `比赛入口 - ${APP_NAME}`,
                ...htmlWebpackPluginCommon
            }),

            new HtmlWebpackPlugin({
                chunks: ['competition-groups-linyi'],
                template: 'src/playground/aicoding-groups-linyi.ejs',
                filename: 'aicoding-groups-linyi.html',
                title: `aicoding-groups-linyi - ${APP_NAME}`,
                ...htmlWebpackPluginCommon
            }),

            new HtmlWebpackPlugin({
                chunks: ['competition-linqing'],
                template: 'src/playground/aicoding-groups-linqing.ejs',
                filename: 'aicoding-groups-linqing.html',
                title: `aicoding-groups-linqing - ${APP_NAME}`,
                ...htmlWebpackPluginCommon
            }),


            new HtmlWebpackPlugin({
                chunks: ['competition-linqing'],
                template: 'src/playground/aicoding-linqing.ejs',
                filename: 'competition-linqing.html',  // 临清主页
                title: `比赛入口 - ${APP_NAME}`,
                ...htmlWebpackPluginCommon
            }),
            new HtmlWebpackPlugin({
                chunks: ['competition-linqing'],
                template: 'src/playground/aicoding-groups-chengyang.ejs',
                filename: 'aicoding-groups-chengyang.html',
                title: `aicoding-groups-chengyang - ${APP_NAME}`,
                ...htmlWebpackPluginCommon
            }),


            new HtmlWebpackPlugin({
                chunks: ['competition-chengyang'],
                template: 'src/playground/aicoding-chengyang.ejs',
                filename: 'competition-chengyang.html',  // 城阳区主页
                title: `比赛入口 - ${APP_NAME}`,
                ...htmlWebpackPluginCommon
            }),
            new HtmlWebpackPlugin({
                chunks: ['competition-linqing'],
                template: 'src/playground/aicoding-groups-longyan.ejs',
                filename: 'aicoding-groups-longyan.html',
                title: `aicoding-groups-longyan - ${APP_NAME}`,
                ...htmlWebpackPluginCommon
            }),


            new HtmlWebpackPlugin({
                chunks: ['competition-longyan'],
                template: 'src/playground/aicoding-longyan.ejs',
                filename: 'competition-longyan.html',  // 龙岩区主页
                title: `比赛入口 - ${APP_NAME}`,
                ...htmlWebpackPluginCommon
            }),

            new HtmlWebpackPlugin({
                chunks: ['competition'],
                template: 'src/playground/competition.ejs',
                filename: 'competition.html',
                title: `competition - ${APP_NAME}`,
                ...htmlWebpackPluginCommon
            }),
            new HtmlWebpackPlugin({
                chunks: ['competition_sum'],
                template: 'src/playground/competition_sum.ejs',
                filename: 'competition_sum.html',
                title: `competition_sum - ${APP_NAME}`,
                ...htmlWebpackPluginCommon
            }),
            new HtmlWebpackPlugin({
                chunks: ['competition_list'],
                template: 'src/playground/competition_list.ejs',
                filename: 'competition_list.html',
                title: `competition_list - ${APP_NAME}`,
                ...htmlWebpackPluginCommon
            }),
            new HtmlWebpackPlugin({
                chunks: ['competition-groups'],
                template: 'src/playground/competition-groups.ejs',
                filename: 'competition-groups.html',
                title: `competition-groups - ${APP_NAME}`,
                ...htmlWebpackPluginCommon
            }),
            new HtmlWebpackPlugin({
                chunks: ['sichuan-chongqing-competition'],
                template: 'src/playground/sichuan-chongqing-competition.ejs',
                filename: 'sichuan-chongqing-competition.html',
                title: `sichuan-chongqing-competition - ${APP_NAME}`,
                ...htmlWebpackPluginCommon
            }),
            new HtmlWebpackPlugin({
                chunks: ['leaderboard'],
                template: 'src/playground/leaderboard.ejs',
                filename: 'leaderboard.html',
                title: `leaderboard - ${APP_NAME}`,
                ...htmlWebpackPluginCommon
            }),
            new HtmlWebpackPlugin({
                chunks: ['third-part-login'],
                template: 'src/playground/third-part-login.ejs',
                filename: 'third-part-login.html',
                title: `third-part-login - ${APP_NAME}`,
                ...htmlWebpackPluginCommon
            }),
            new HtmlWebpackPlugin({
                chunks: ['welcome'],
                template: 'src/playground/welcome.ejs',
                filename: 'welcome.html',
                title: `Welcome - ${APP_NAME}`,
                ...htmlWebpackPluginCommon
            }),
            new HtmlWebpackPlugin({
                chunks: ['import-check', 'programming-learning'],
                template: 'src/playground/programming-learning.ejs',
                filename: 'programming-learning.html',
                title: `programming-learning - ${APP_NAME}`,
                ...htmlWebpackPluginCommon
            }),
            new HtmlWebpackPlugin({
                chunks: ['import-check', 'matchsum'],
                template: 'src/playground/matchsum.ejs',
                filename: 'matchsum.html',
                title: `matchsum - ${APP_NAME}`,
                ...htmlWebpackPluginCommon
            }),
            new HtmlWebpackPlugin({
                chunks: ['import-check', 'aboutus'],
                template: 'src/playground/aboutus.ejs',
                filename: 'aboutus.html',
                title: `aboutus - ${APP_NAME}`,
                ...htmlWebpackPluginCommon
            }),
            new HtmlWebpackPlugin({
                chunks: ['aiConfig'],
                inject: 'head',
                scriptLoading: 'blocking',
                template: 'src/playground/ai.ejs',
                filename: 'ai.html',
                title: `灵丌AI - ${APP_NAME}`,
                ...htmlWebpackPluginCommon
            }),
            new HtmlWebpackPlugin({
                chunks: ['aiConfig'],
                inject: 'head',
                scriptLoading: 'blocking',
                template: 'src/playground/course-detail.ejs',
                filename: 'course-detail.html',
                title: `课程详情 - ${APP_NAME}`,
                ...htmlWebpackPluginCommon
            }),
            new HtmlWebpackPlugin({
                chunks: ['aiConfig'],
                inject: 'head',
                scriptLoading: 'blocking',
                template: 'src/playground/coming-soon.ejs',
                filename: 'coming-soon.html',
                title: `即将上线 - ${APP_NAME}`,
                ...htmlWebpackPluginCommon
            }),
            new HtmlWebpackPlugin({
                chunks: ['aiConfig'],
                inject: 'head',
                scriptLoading: 'blocking',
                template: 'src/playground/ai-text.ejs',
                filename: 'ai-text.html',
                title: `AI文本 - ${APP_NAME}`,
                ...htmlWebpackPluginCommon
            }),
            new HtmlWebpackPlugin({
                chunks: ['aiConfig'],
                inject: 'head',
                scriptLoading: 'blocking',
                template: 'src/playground/ai-draw.ejs',
                filename: 'ai-draw.html',
                title: `AI绘图 - ${APP_NAME}`,
                ...htmlWebpackPluginCommon
            }),
            new HtmlWebpackPlugin({
                chunks: ['aiConfig'],
                inject: 'head',
                scriptLoading: 'blocking',
                template: 'src/playground/ai-huiben.ejs',
                filename: 'ai-huiben.html',
                title: `AI绘本 - ${APP_NAME}`,
                ...htmlWebpackPluginCommon
            }),
            new HtmlWebpackPlugin({
                chunks: ['aiConfig'],
                inject: 'head',
                scriptLoading: 'blocking',
                template: 'src/playground/ai-voice.ejs',
                filename: 'ai-voice.html',
                title: `AI语音 - ${APP_NAME}`,
                ...htmlWebpackPluginCommon
            }),
            new HtmlWebpackPlugin({
                chunks: ['aiConfig'],
                inject: 'head',
                scriptLoading: 'blocking',
                template: 'src/playground/ai-video.ejs',
                filename: 'ai-video.html',
                title: `AI视频 - ${APP_NAME}`,
                ...htmlWebpackPluginCommon
            }),
            new HtmlWebpackPlugin({
                chunks: ['aiConfig'],
                inject: 'head',
                scriptLoading: 'blocking',
                template: 'src/playground/ai-music.ejs',
                filename: 'ai-music.html',
                title: `AI音乐 - ${APP_NAME}`,
                ...htmlWebpackPluginCommon
            }),
            new HtmlWebpackPlugin({
                chunks: ['aiConfig'],
                inject: 'head',
                scriptLoading: 'blocking',
                template: 'src/playground/works-plaza.ejs',
                filename: 'works-plaza.html',
                title: `作品广场 - ${APP_NAME}`,
                ...htmlWebpackPluginCommon
            }),
            new HtmlWebpackPlugin({
                chunks: ['home'],
                template: 'src/playground/home.ejs',
                filename: 'home.html',
                title: `home - ${APP_NAME}`,
                ...htmlWebpackPluginCommon
            }),
            // new HtmlWebpackPlugin({
            //     chunks: ['import-check', 'onegame'],  // 确保 import-first 在 welcome 之前引入
            //     template: 'src/playground/onegame.ejs',
            //     filename: 'onegame.html',
            //     title: `onegame - ${APP_NAME}`,
            //     ...htmlWebpackPluginCommon
            // }),
            // new HtmlWebpackPlugin({
            //     chunks: ['001oj'], 
            //     template: 'src/playground/001oj.ejs',
            //     filename: '001oj.html',
            //     title: `001oj - ${APP_NAME}`,
            //     pageTitle: '001OJ - 在线评测系统',
            //     ogTitle: '001OJ',
            //     content: '这是动态生成的内容',
            //     footerText: '欢迎您',
            //     ...htmlWebpackPluginCommon
            // }),
            // new HtmlWebpackPlugin({
            //     chunks: ['aipic'], 
            //     template: 'src/playground/aipic.ejs',
            //     filename: 'aipic.html',
            //     title: `aipic - ${APP_NAME}`,
            //     pageTitle: 'aipic - 在线创作',
            //     ogTitle: 'aipic',
            //     content: '这是动态生成的内容',
            //     footerText: '欢迎您',
            //     ...htmlWebpackPluginCommon
            // }),


            new CopyWebpackPlugin({
                patterns: [
                    {
                        from: 'extensions/**',
                        to: 'static',
                        context: 'src/examples'
                    }
                ]
            }),
            // 预压缩 JS/CSS/HTML。不要压 SVG：static/images 里有约 19MB 的
            // about-illustration.svg，gzip level 9 + brotli 会让进度长时间停在
            // 95% emitting CompressionPlugin，VSCode 终端看起来像卡死。
            new CompressionPlugin({
                algorithm: 'brotliCompress',
                test: /\.(js|css|html)$/,
                exclude: /[\\/]unity[\\/]/,
                threshold: 8192,
                minRatio: 0.8,
                filename: '[path][base].br',
                compressionOptions: {
                    params: {
                        [zlib.constants.BROTLI_PARAM_QUALITY]: 5
                    }
                }
            }),
            new CompressionPlugin({
                filename: '[path][base].gz',
                algorithm: 'gzip',
                test: /\.(js|css|html)$/,
                exclude: /[\\/]unity[\\/]/,
                threshold: 8192,
                minRatio: 0.8,
                compressionOptions: {
                    level: 6
                }
            }),

            // new BundleAnalyzerPlugin({
            //     analyzerMode: 'server',   // 启动本地服务
            //     openAnalyzer: true        // 自动打开浏览器
            // })
        ])
    })
].concat(
    process.env.NODE_ENV === 'production' || process.env.BUILD_MODE === 'dist' ? (
        // export as library
        defaultsDeep({}, base, {
            target: 'web',
            entry: {
                'scratch-gui': './src/index.js'
            },
            output: {
                libraryTarget: 'umd',
                filename: 'js/[name].js',
                chunkFilename: 'js/[name].js',
                path: path.resolve('dist'),
                publicPath: `${STATIC_PATH}/`
            },
            externals: {
                'react': 'react',
                'react-dom': 'react-dom'
            },
            module: {
                rules: base.module.rules.concat([
                    {
                        test: /\.(svg|png|wav|mp3|gif|jpg|woff2)$/,
                        loader: 'url-loader',
                        options: {
                            limit: 2048,
                            outputPath: 'static/assets/',
                            publicPath: `${STATIC_PATH}/assets/`,
                            esModule: false
                        }
                    }
                ])
            },
            plugins: base.plugins.concat([
                new CopyWebpackPlugin({
                    patterns: [
                        {
                            from: 'extension-worker.{js,js.map}',
                            context: 'node_modules/scratch-vm/dist/web',
                            noErrorOnMissing: true
                        }
                    ]
                }),
                // Include library JSON files for scratch-desktop to use for downloading
                new CopyWebpackPlugin({
                    patterns: [
                        {
                            from: 'src/lib/libraries/*.json',
                            to: 'libraries',
                            flatten: true
                        }
                    ]
                })
            ])
        })) : []
);