@umijs/bundler-webpack 4.0.0-rc.7 → 4.0.0

package/dist/schema.js

@@ -4,18 +4,30 @@ exports.getSchemas = void 0;
 const types_1 = require("./types");
 const options = [
     'cheap-source-map',
-    'cheap-eval-source-map',
-    'cheap-hidden-source-map',
-    'cheap-inline-source-map',
     'cheap-module-source-map',
-    'cheap-module-eval-source-map',
-    'cheap-module-hidden-source-map',
-    'cheap-module-inline-source-map',
     'eval',
     'eval-source-map',
+    'eval-cheap-source-map',
+    'eval-cheap-module-source-map',
+    'eval-nosources-cheap-source-map',
+    'eval-nosources-cheap-module-source-map',
+    'eval-nosources-source-map',
     'source-map',
     'hidden-source-map',
+    'hidden-nosources-cheap-source-map',
+    'hidden-nosources-cheap-module-source-map',
+    'hidden-nosources-source-map',
+    'hidden-cheap-source-map',
+    'hidden-cheap-module-source-map',
     'inline-source-map',
+    'inline-cheap-source-map',
+    'inline-cheap-module-source-map',
+    'inline-nosources-cheap-source-map',
+    'inline-nosources-cheap-module-source-map',
+    'inline-nosources-source-map',
+    'nosources-source-map',
+    'nosources-cheap-source-map',
+    'nosources-cheap-module-source-map',
 ];
 const DEVTOOL_REGEX = new RegExp('^' + // start of string
     '(#@|@|#)?' + // maybe one of the pragmas
@@ -40,12 +52,14 @@ function getSchemas() {
         devtool: (Joi) => Joi.alternatives().try(Joi.string().regex(DEVTOOL_REGEX), Joi.boolean()),
         esm: (Joi) => Joi.object(),
         externals: (Joi) => Joi.alternatives().try(Joi.object(), Joi.string(), Joi.func()),
-        extraBabelPlugins: (Joi) => Joi.alternatives().try(Joi.string(), Joi.array().items(Joi.alternatives().try(Joi.string(), Joi.object()))),
-        extraBabelPresets: (Joi) => Joi.alternatives().try(Joi.string(), Joi.array().items(Joi.alternatives().try(Joi.string(), Joi.object()))),
+        extraBabelIncludes: (Joi) => Joi.array().items(Joi.string()),
+        extraBabelPlugins: (Joi) => Joi.array().items(Joi.alternatives().try(Joi.string(), Joi.array())),
+        extraBabelPresets: (Joi) => Joi.array().items(Joi.alternatives().try(Joi.string(), Joi.array())),
         extraPostCSSPlugins: (Joi) => Joi.array(),
         fastRefresh: (Joi) => Joi.boolean(),
         forkTSChecker: (Joi) => Joi.object(),
         hash: (Joi) => Joi.boolean(),
+        https: (Joi) => Joi.object(),
         ignoreMomentLocale: (Joi) => Joi.boolean(),
         inlineLimit: (Joi) => Joi.number(),
         jsMinifier: (Joi) => Joi.string().valid(types_1.JSMinifier.esbuild, types_1.JSMinifier.swc, types_1.JSMinifier.terser, types_1.JSMinifier.uglifyJs, types_1.JSMinifier.none),
@@ -58,8 +72,10 @@ function getSchemas() {
         }),
         mfsu: (Joi) => Joi.alternatives(Joi.object({
             cacheDirectory: Joi.string(),
+            chainWebpack: Joi.function(),
             esbuild: Joi.boolean(),
             mfName: Joi.string(),
+            runtimePublicPath: Joi.boolean(),
         }), Joi.boolean()),
         outputPath: (Joi) => Joi.string(),
         postcssLoader: (Joi) => Joi.object(),

package/dist/server/server.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="node" />
+/// <reference types="node" />
 import { Configuration } from '@umijs/bundler-webpack/compiled/webpack';
 import http from 'http';
 import { IConfig } from '../types';
@@ -11,6 +12,7 @@ interface IOpts {
     beforeMiddlewares?: any[];
     afterMiddlewares?: any[];
     onDevCompileDone?: Function;
+    onProgress?: Function;
 }
-export declare function createServer(opts: IOpts): Promise<http.Server>;
+export declare function createServer(opts: IOpts): Promise<http.Server | import("https").Server | null>;
 export {};

package/dist/server/server.js

@@ -1,180 +1,195 @@
 "use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createServer = void 0;
+const bundler_utils_1 = require("@umijs/bundler-utils");
 const express_1 = __importDefault(require("@umijs/bundler-utils/compiled/express"));
 const http_proxy_middleware_1 = require("@umijs/bundler-webpack/compiled/http-proxy-middleware");
 const webpack_1 = __importDefault(require("@umijs/bundler-webpack/compiled/webpack"));
 const utils_1 = require("@umijs/utils");
+const cors_1 = __importDefault(require("cors"));
 const fs_1 = require("fs");
 const http_1 = __importDefault(require("http"));
 const path_1 = require("path");
 const constants_1 = require("../constants");
 const ws_1 = require("./ws");
-function createServer(opts) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const { webpackConfig, userConfig } = opts;
-        const { proxy } = userConfig;
-        const app = (0, express_1.default)();
-        // basename middleware
-        app.use((req, _res, next) => {
-            const { url, path } = req;
-            const { basename, history } = userConfig;
-            if ((history === null || history === void 0 ? void 0 : history.type) === 'browser' &&
-                basename !== '/' &&
-                url.startsWith(basename)) {
-                req.url = url.slice(basename.length);
-                req.path = path.slice(basename.length);
-            }
-            next();
-        });
-        // cros
-        app.use((_req, res, next) => {
-            res.header('Access-Control-Allow-Origin', '*');
-            res.header('Access-Control-Allow-Headers', 'Content-Type, Content-Length, Authorization, Accept, X-Requested-With , yourHeaderFeild');
-            res.header('Access-Control-Allow-Methods', 'GET, HEAD, PUT, POST, PATCH, DELETE, OPTIONS');
+async function createServer(opts) {
+    const { webpackConfig, userConfig } = opts;
+    const { proxy } = userConfig;
+    const app = (0, express_1.default)();
+    // cros
+    app.use((0, cors_1.default)({
+        origin: true,
+        methods: ['GET', 'HEAD', 'PUT', 'POST', 'PATCH', 'DELETE', 'OPTIONS'],
+        credentials: true,
+    }));
+    // compression
+    app.use(require('@umijs/bundler-webpack/compiled/compression')());
+    // TODO: headers
+    // before middlewares
+    (opts.beforeMiddlewares || []).forEach((m) => app.use(m));
+    // TODO: add to before middleware
+    app.use((req, res, next) => {
+        const file = req.path;
+        const filePath = (0, path_1.join)(opts.cwd, file);
+        const ext = (0, path_1.extname)(filePath);
+        if (ext === '.js' && (0, fs_1.existsSync)(filePath)) {
+            res.sendFile(filePath);
+        }
+        else {
             next();
+        }
+    });
+    // webpack dev middleware
+    const configs = Array.isArray(webpackConfig)
+        ? webpackConfig
+        : [webpackConfig];
+    const progresses = [];
+    if (opts.onProgress) {
+        configs.forEach((config) => {
+            const progress = {
+                percent: 0,
+                status: 'waiting',
+            };
+            progresses.push(progress);
+            config.plugins.push(new webpack_1.default.ProgressPlugin((percent, msg) => {
+                progress.percent = percent;
+                progress.status = msg;
+                opts.onProgress({ progresses });
+            }));
         });
-        // compression
-        app.use(require('@umijs/bundler-webpack/compiled/compression')());
-        // TODO: headers
-        // before middlewares
-        (opts.beforeMiddlewares || []).forEach((m) => app.use(m));
-        // TODO: add to before middleware
-        app.use((req, res, next) => {
-            if (req.path === '/umi.js' && (0, fs_1.existsSync)((0, path_1.join)(opts.cwd, 'umi.js'))) {
-                res.setHeader('Content-Type', 'application/javascript');
-                res.send((0, fs_1.readFileSync)((0, path_1.join)(opts.cwd, 'umi.js'), 'utf-8'));
-            }
-            else {
-                next();
-            }
-        });
-        // webpack dev middleware
-        const compiler = (0, webpack_1.default)(Array.isArray(webpackConfig) ? webpackConfig : [webpackConfig]);
-        const webpackDevMiddleware = require('@umijs/bundler-webpack/compiled/webpack-dev-middleware');
-        const compilerMiddleware = webpackDevMiddleware(compiler, {
-            publicPath: '/',
-            writeToDisk: userConfig.writeToDisk,
-            stats: 'none',
-            // watchOptions: { ignored }
+    }
+    const compiler = (0, webpack_1.default)(configs);
+    const webpackDevMiddleware = require('@umijs/bundler-webpack/compiled/webpack-dev-middleware');
+    const compilerMiddleware = webpackDevMiddleware(compiler, {
+        publicPath: userConfig.publicPath || '/',
+        writeToDisk: userConfig.writeToDisk,
+        stats: 'none',
+        // watchOptions: { ignored }
+    });
+    app.use(compilerMiddleware);
+    // hmr hooks
+    let stats;
+    let isFirstCompile = true;
+    compiler.compilers.forEach(addHooks);
+    function addHooks(compiler) {
+        compiler.hooks.invalid.tap('server', () => {
+            sendMessage(constants_1.MESSAGE_TYPE.invalid);
         });
-        app.use(compilerMiddleware);
-        // hmr hooks
-        let stats;
-        let isFirstCompile = true;
-        compiler.compilers.forEach(addHooks);
-        function addHooks(compiler) {
-            compiler.hooks.invalid.tap('server', () => {
-                sendMessage(constants_1.MESSAGE_TYPE.invalid);
-            });
-            compiler.hooks.done.tap('server', (_stats) => {
-                var _a;
-                stats = _stats;
-                sendStats(getStats(stats));
-                (_a = opts.onDevCompileDone) === null || _a === void 0 ? void 0 : _a.call(opts, {
-                    stats,
-                    isFirstCompile,
-                    time: stats.endTime - stats.startTime,
-                });
-                isFirstCompile = false;
+        compiler.hooks.done.tap('server', (_stats) => {
+            var _a;
+            stats = _stats;
+            sendStats(getStats(stats));
+            (_a = opts.onDevCompileDone) === null || _a === void 0 ? void 0 : _a.call(opts, {
+                stats,
+                isFirstCompile,
+                time: stats.endTime - stats.startTime,
             });
+            isFirstCompile = false;
+        });
+    }
+    function sendStats(stats, force, sender) {
+        const shouldEmit = !force &&
+            stats &&
+            (!stats.errors || stats.errors.length === 0) &&
+            (!stats.warnings || stats.warnings.length === 0) &&
+            stats.assets &&
+            stats.assets.every((asset) => !asset.emitted);
+        if (shouldEmit) {
+            sendMessage(constants_1.MESSAGE_TYPE.stillOk, null, sender);
+            return;
         }
-        function sendStats(stats, force, sender) {
-            const shouldEmit = !force &&
-                stats &&
-                (!stats.errors || stats.errors.length === 0) &&
-                (!stats.warnings || stats.warnings.length === 0) &&
-                stats.assets &&
-                stats.assets.every((asset) => !asset.emitted);
-            if (shouldEmit) {
-                sendMessage(constants_1.MESSAGE_TYPE.stillOk, null, sender);
-                return;
+        sendMessage(constants_1.MESSAGE_TYPE.hash, stats.hash, sender);
+        if ((stats.errors && stats.errors.length > 0) ||
+            (stats.warnings && stats.warnings.length > 0)) {
+            if (stats.warnings && stats.warnings.length > 0) {
+                sendMessage(constants_1.MESSAGE_TYPE.warnings, stats.warnings, sender);
             }
-            sendMessage(constants_1.MESSAGE_TYPE.hash, stats.hash, sender);
-            if ((stats.errors && stats.errors.length > 0) ||
-                (stats.warnings && stats.warnings.length > 0)) {
-                if (stats.warnings && stats.warnings.length > 0) {
-                    sendMessage(constants_1.MESSAGE_TYPE.warnings, stats.warnings, sender);
-                }
-                if (stats.errors && stats.errors.length > 0) {
-                    sendMessage(constants_1.MESSAGE_TYPE.errors, stats.errors, sender);
-                }
+            if (stats.errors && stats.errors.length > 0) {
+                sendMessage(constants_1.MESSAGE_TYPE.errors, stats.errors, sender);
             }
-            else {
-                sendMessage(constants_1.MESSAGE_TYPE.ok, null, sender);
-            }
-        }
-        function getStats(stats) {
-            return stats.toJson({
-                all: false,
-                hash: true,
-                assets: true,
-                warnings: true,
-                errors: true,
-                errorDetails: false,
-            });
-        }
-        function sendMessage(type, data, sender) {
-            (sender || ws).send(JSON.stringify({ type, data }));
         }
-        // mock
-        // proxy
-        if (proxy) {
-            Object.keys(proxy).forEach((key) => {
-                app.use(key, (0, http_proxy_middleware_1.createProxyMiddleware)(proxy[key]));
-            });
+        else {
+            sendMessage(constants_1.MESSAGE_TYPE.ok, null, sender);
         }
-        // after middlewares
-        (opts.afterMiddlewares || []).forEach((m) => {
-            // TODO: FIXME
-            app.use(m.toString().includes(`{ compiler }`) ? m({ compiler }) : m);
-        });
-        // history fallback
-        app.use(require('@umijs/bundler-webpack/compiled/connect-history-api-fallback')({
-            index: '/',
-        }));
-        // hmr reconnect ping
-        app.use('/__umi_ping', (_, res) => {
-            res.end('pong');
+    }
+    function getStats(stats) {
+        return stats.toJson({
+            all: false,
+            hash: true,
+            assets: true,
+            warnings: true,
+            errors: true,
+            errorDetails: false,
         });
-        // index.html
-        // TODO: remove me
-        app.get('/', (_req, res, next) => {
-            res.set('Content-Type', 'text/html');
-            const htmlPath = (0, path_1.join)(opts.cwd, 'index.html');
-            if ((0, fs_1.existsSync)(htmlPath)) {
-                const html = (0, fs_1.readFileSync)(htmlPath, 'utf-8');
-                res.send(html);
+    }
+    function sendMessage(type, data, sender) {
+        (sender || ws).send(JSON.stringify({ type, data }));
+    }
+    // mock
+    // proxy
+    if (proxy) {
+        Object.keys(proxy).forEach((key) => {
+            const proxyConfig = proxy[key];
+            const target = proxyConfig.target;
+            if (target) {
+                app.use(key, (0, http_proxy_middleware_1.createProxyMiddleware)(key, {
+                    ...proxy[key],
+                    // Add x-real-url in response header
+                    onProxyRes(proxyRes, req) {
+                        var _a;
+                        proxyRes.headers['x-real-url'] =
+                            ((_a = new URL(req.url || '', target)) === null || _a === void 0 ? void 0 : _a.href) || '';
+                    },
+                }));
             }
-            else {
-                next();
-            }
-        });
-        const server = http_1.default.createServer(app);
-        const ws = (0, ws_1.createWebSocketServer)(server);
-        ws.wss.on('connection', (socket) => {
-            if (stats) {
-                sendStats(getStats(stats), false, socket);
-            }
-        });
-        const port = opts.port || 8000;
-        server.listen(port, () => {
-            const host = opts.host && opts.host !== '0.0.0.0' ? opts.host : '127.0.0.1';
-            utils_1.logger.ready(`App listening at ${utils_1.chalk.green(`http://${host}:${port}`)}`);
         });
-        return server;
+    }
+    // after middlewares
+    (opts.afterMiddlewares || []).forEach((m) => {
+        // TODO: FIXME
+        app.use(m.toString().includes(`{ compiler }`) ? m({ compiler }) : m);
+    });
+    // history fallback
+    app.use(require('@umijs/bundler-webpack/compiled/connect-history-api-fallback')({
+        index: '/',
+    }));
+    // hmr reconnect ping
+    app.use('/__umi_ping', (_, res) => {
+        res.end('pong');
+    });
+    // index.html
+    // TODO: remove me
+    app.get('/', (_req, res, next) => {
+        res.set('Content-Type', 'text/html');
+        const htmlPath = (0, path_1.join)(opts.cwd, 'index.html');
+        if ((0, fs_1.existsSync)(htmlPath)) {
+            (0, fs_1.createReadStream)(htmlPath).on('error', next).pipe(res);
+        }
+        else {
+            next();
+        }
+    });
+    const server = userConfig.https
+        ? await (0, bundler_utils_1.createHttpsServer)(app, userConfig.https)
+        : http_1.default.createServer(app);
+    if (!server) {
+        return null;
+    }
+    const ws = (0, ws_1.createWebSocketServer)(server);
+    ws.wss.on('connection', (socket) => {
+        if (stats) {
+            sendStats(getStats(stats), false, socket);
+        }
+    });
+    const protocol = userConfig.https ? 'https:' : 'http:';
+    const port = opts.port || 8000;
+    server.listen(port, () => {
+        const host = opts.host && opts.host !== '0.0.0.0' ? opts.host : '127.0.0.1';
+        utils_1.logger.ready(`App listening at ${utils_1.chalk.green(`${protocol}//${host}:${port}`)}`);
     });
+    return server;
 }
 exports.createServer = createServer;

package/dist/server/ws.d.ts

@@ -1,7 +1,12 @@
 /// <reference types="node" />
-import { Server } from 'http';
+/// <reference types="node" />
+/// <reference types="node" />
+import type { SpdyServer as Server } from '@umijs/bundler-utils';
+import { Server as HttpServer } from 'http';
+import { Http2Server } from 'http2';
+import { Server as HttpsServer } from 'https';
 import WebSocket from '../../compiled/ws';
-export declare function createWebSocketServer(server: Server): {
+export declare function createWebSocketServer(server: HttpServer | HttpsServer | Http2Server | Server): {
     send(message: string): void;
     wss: WebSocket.Server;
     close(): void;

package/dist/swcPlugins/autoCSSModules.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const Visitor_1 = __importDefault(require("@swc/core/Visitor"));
 const utils_1 = require("@umijs/utils");
+const changeImportFromString_1 = require("./changeImportFromString");
 class AutoCSSModule extends Visitor_1.default {
     visitTsType(expression) {
         return expression;
@@ -24,7 +25,8 @@ class AutoCSSModule extends Visitor_1.default {
         const { specifiers, source } = expression;
         const { value } = source;
         if (specifiers.length && (0, utils_1.isStyleFile)({ filename: value })) {
-            return Object.assign(Object.assign({}, expression), { source: Object.assign(Object.assign({}, source), { value: `${value}?modules` }) });
+            const newImportFrom = `${value}?modules`;
+            (0, changeImportFromString_1.changeImportFromString)(expression, newImportFrom);
         }
         return expression;
     }

package/dist/swcPlugins/changeImportFromString.d.ts

@@ -0,0 +1,2 @@
+import type { ImportDeclaration } from '@swc/core';
+export declare const changeImportFromString: (e: ImportDeclaration, v: string) => void;

package/dist/swcPlugins/changeImportFromString.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.changeImportFromString = void 0;
+const changeImportFromString = (e, v) => {
+    e.source.value = v;
+    // sync change to `raw`
+    // https://github.com/swc-project/swc/issues/4128
+    e.source.raw = `'${v}'`;
+};
+exports.changeImportFromString = changeImportFromString;

package/dist/swcPlugins/lockCoreJS.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const Visitor_1 = __importDefault(require("@swc/core/Visitor"));
 const utils_1 = require("@umijs/utils");
 const path_1 = require("path");
+const changeImportFromString_1 = require("./changeImportFromString");
 function addLastSlash(path) {
     return path.endsWith('/') ? path : `${path}/`;
 }
@@ -14,8 +15,8 @@ class LockCoreJS extends Visitor_1.default {
         const { source } = expression;
         let { value, type } = source;
         if (type === 'StringLiteral' && value.startsWith('core-js/')) {
-            value = value.replace(/^core-js\//, addLastSlash((0, utils_1.winPath)((0, path_1.dirname)(require.resolve('core-js/package.json')))));
-            return Object.assign(Object.assign({}, expression), { source: Object.assign(Object.assign({}, source), { value }) });
+            const newValue = value.replace(/^core-js\//, addLastSlash((0, utils_1.winPath)((0, path_1.dirname)(require.resolve('core-js/package.json')))));
+            (0, changeImportFromString_1.changeImportFromString)(expression, newValue);
         }
         return expression;
     }

package/dist/types.d.ts

@@ -1,4 +1,5 @@
 import type { Config as SwcConfig } from '@swc/core';
+import type { HttpsServerOptions } from '@umijs/bundler-utils';
 import type { Options as ProxyOptions } from '../compiled/http-proxy-middleware';
 import { Configuration } from '../compiled/webpack';
 import Config from '../compiled/webpack-5-chain';
@@ -63,12 +64,14 @@ export interface IConfig {
     depTranspiler?: Transpiler;
     devtool?: Config.DevTool;
     deadCode?: DeadCodeParams;
+    https?: HttpsServerOptions;
     externals?: WebpackConfig['externals'];
     esm?: {
         [key: string]: any;
     };
     extraBabelPlugins?: IBabelPlugin[];
     extraBabelPresets?: IBabelPlugin[];
+    extraBabelIncludes?: string[];
     extraPostCSSPlugins?: any[];
     hash?: boolean;
     ignoreMomentLocale?: boolean;

package/dist/utils/getEsBuildTarget.d.ts

@@ -0,0 +1,5 @@
+interface IOpts {
+    targets: Record<string, any>;
+}
+export declare function getEsBuildTarget({ targets }: IOpts): string[];
+export {};

package/dist/utils/getEsBuildTarget.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getEsBuildTarget = void 0;
+const constants_1 = require("../constants");
+function getEsBuildTarget({ targets }) {
+    return Object.keys(targets)
+        .filter((key) => constants_1.DEFAULT_ESBUILD_TARGET_KEYS.includes(key))
+        .map((key) => {
+        return `${key}${targets[key] === true ? '0' : targets[key]}`;
+    });
+}
+exports.getEsBuildTarget = getEsBuildTarget;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umijs/bundler-webpack",
-  "version": "4.0.0-rc.7",
+  "version": "4.0.0",
   "description": "@umijs/bundler-webpack",
   "homepage": "https://github.com/umijs/umi-next/tree/master/packages/bundler-webpack#readme",
   "bugs": "https://github.com/umijs/umi-next/issues",
@@ -23,61 +23,63 @@
   "scripts": {
     "build": "pnpm tsc",
     "build:client": "pnpm tsc --project ./tsconfig.client.json",
-    "build:deps": "pnpm esno ../../scripts/bundleDeps.ts",
+    "build:deps": "umi-scripts bundleDeps",
     "dev": "pnpm build -- --watch",
     "generate:webpackPackages": "zx ./scripts/generateWebpackPackages.mjs",
-    "test": "jest -c ../../jest.turbo.config.ts"
+    "test": "umi-scripts jest-turbo"
   },
   "dependencies": {
-    "@parcel/css": "1.6.0",
-    "@pmmmwh/react-refresh-webpack-plugin": "0.5.4",
+    "@parcel/css": "1.9.0",
+    "@pmmmwh/react-refresh-webpack-plugin": "0.5.7",
     "@svgr/core": "6.2.1",
     "@svgr/plugin-jsx": "^6.2.1",
     "@svgr/plugin-svgo": "^6.2.0",
     "@types/hapi__joi": "17.1.8",
-    "@umijs/babel-preset-umi": "4.0.0-rc.7",
-    "@umijs/mfsu": "4.0.0-rc.7",
-    "@umijs/utils": "4.0.0-rc.7",
+    "@umijs/babel-preset-umi": "4.0.0",
+    "@umijs/bundler-utils": "4.0.0",
+    "@umijs/mfsu": "4.0.0",
+    "@umijs/utils": "4.0.0",
+    "cors": "^2.8.5",
     "css-loader": "6.7.1",
     "es5-imcompatible-versions": "^0.1.73",
     "jest-worker": "27.5.1",
     "node-libs-browser": "2.2.1",
-    "postcss": "^8.4.12",
-    "postcss-preset-env": "7.4.2",
+    "postcss": "^8.4.13",
+    "postcss-preset-env": "7.5.0",
     "react-error-overlay": "6.0.9"
   },
   "devDependencies": {
-    "@swc/core": "1.2.156",
+    "@swc/core": "1.2.165",
+    "@types/cors": "^2.8.12",
     "@types/webpack-sources": "3.2.0",
     "@types/ws": "8.5.3",
     "autoprefixer": "10.4.4",
-    "babel-loader": "8.2.3",
+    "babel-loader": "8.2.4",
     "compression": "1.7.4",
     "connect-history-api-fallback": "1.6.0",
     "copy-webpack-plugin": "10.2.4",
-    "css-minimizer-webpack-plugin": "3.4.1",
-    "cssnano": "5.1.4",
-    "fork-ts-checker-webpack-plugin": "7.2.1",
+    "css-minimizer-webpack-plugin": "4.0.0",
+    "cssnano": "5.1.7",
+    "fork-ts-checker-webpack-plugin": "7.2.4",
     "http-proxy-middleware": "2.0.4",
     "less-loader": "10.2.0",
     "mini-css-extract-plugin": "2.6.0",
     "postcss-flexbugs-fixes": "5.0.2",
     "postcss-loader": "6.2.1",
     "purgecss-webpack-plugin": "4.1.3",
-    "react-refresh": "0.11.0",
+    "react-refresh": "0.12.0",
     "sass-loader": "12.6.0",
     "schema-utils": "4.0.0",
     "speed-measure-webpack-plugin": "1.5.0",
     "style-loader": "3.3.1",
     "svgo-loader": "3.0.0",
-    "tapable": "2.2.1",
     "terser": "5.12.1",
     "terser-webpack-plugin": "5.3.1",
     "url-loader": "4.1.1",
-    "webpack": "5.70.0",
+    "webpack": "5.72.1",
     "webpack-5-chain": "8.0.0",
     "webpack-bundle-analyzer": "4.5.0",
-    "webpack-dev-middleware": "5.3.1",
+    "webpack-dev-middleware": "5.3.3",
     "webpack-manifest-plugin": "5.0.0",
     "webpack-sources": "3.2.3",
     "ws": "8.5.0"
@@ -110,7 +112,6 @@
       "style-loader",
       "speed-measure-webpack-plugin",
       "svgo-loader",
-      "tapable",
       "terser",
       "terser-webpack-plugin",
       "url-loader",
@@ -133,7 +134,7 @@
       "less": "@umijs/bundler-utils/compiled/less",
       "cssnano": "$$LOCAL",
       "postcss": "postcss",
-      "tapable": "$$LOCAL",
+      "tapable": "@umijs/bundler-utils/compiled/tapable",
       "terser": "$$LOCAL",
       "terser-webpack-plugin": "$$LOCAL",
       "typescript": "typescript",
@@ -174,6 +175,7 @@
       "postcss-flexbugs-fixes",
       "postcss-loader",
       "purgecss-webpack-plugin",
+      "react-refresh",
       "sass-loader",
       "speed-measure-webpack-plugin",
       "style-loader",