diff --git a/examples/ant-design-pro/config/config.ts b/examples/ant-design-pro/config/config.ts
index 9537b4cf3432..820037326a1d 100644
--- a/examples/ant-design-pro/config/config.ts
+++ b/examples/ant-design-pro/config/config.ts
@@ -338,5 +338,6 @@ export default defineConfig({
codeSplitting: {
jsStrategy: 'granularChunks',
},
- ui: {},
+ // ui: {},
+ mako: {},
});
diff --git a/packages/preset-umi/assets/bundle-status.html b/packages/preset-umi/assets/bundle-status.html
index 81c652996503..cead8711c039 100644
--- a/packages/preset-umi/assets/bundle-status.html
+++ b/packages/preset-umi/assets/bundle-status.html
@@ -150,10 +150,46 @@
background-position-x: -340px !important;
}
+
+
Bundling...
@@ -180,6 +216,14 @@
Bundling...
}
function renderStatus(data) {
+ if (data.bundler === 'mako') {
+ loading.setAttribute('data-mako', '');
+ window.__MAKO_PERCENT = window.__MAKO_PERCENT || 0.1;
+ const makoPercent = Math.floor(window.__MAKO_PERCENT * 100);
+ loading.setAttribute('data-percent', makoPercent);
+ window.__MAKO_PERCENT = window.__MAKO_PERCENT >= 1 ? 0.2 : window.__MAKO_PERCENT + 0.1;
+ return;
+ }
const hasMFSU = Boolean(data.mfsuBundleStatus);
const hasProgressDetails = Boolean(
data.bundleStatus.progresses[0].details,
diff --git a/packages/preset-umi/src/features/devTool/devTool.ts b/packages/preset-umi/src/features/devTool/devTool.ts
index cfd774d9b300..df3d7ee31ff9 100644
--- a/packages/preset-umi/src/features/devTool/devTool.ts
+++ b/packages/preset-umi/src/features/devTool/devTool.ts
@@ -8,7 +8,6 @@ const assetsDir = join(__dirname, '../../../assets');
export default (api: IApi) => {
api.addBeforeMiddlewares(async () => {
- if (api.config.mako) return [];
// get loading html
const $ = await api.applyPlugins
({
key: 'modifyDevToolLoadingHTML',
@@ -38,6 +37,7 @@ export default (api: IApi) => {
const isMFSUEnable = api.config.mfsu !== false;
return res.json({
+ bundler: api.appData.bundler,
bundleStatus: api.appData.bundleStatus,
...(isMFSUEnable && !enableVite
? {