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 ? {