generator-mico-cli 0.2.1 → 0.2.2-8.beta.1

package/generators/subapp-react/templates/homepage/config/config.prod.ts

@@ -1,13 +1,19 @@
 // https://umijs.org/config/
 
 import { defineConfig } from '@umijs/max';
+import { applySentryPlugin } from '../../../scripts/apply-sentry-plugin';
 const { CDN_PUBLIC_PATH } = process.env;
 
 const PUBLIC_PATH: string = CDN_PUBLIC_PATH
-? `${CDN_PUBLIC_PATH.replace(/\/?$/, '/') }<%= appName %>/`
-: '/<%= appName %>/';
+  ? `${CDN_PUBLIC_PATH.replace(/\/?$/, '/')}<%= appName %>/`
+  : '/<%= appName %>/';
 
 const config: ReturnType<typeof defineConfig> = {
+  /**
+   * 启用 Source Map（用于 Sentry 错误追踪）
+   * hidden-source-map 会生成 .map 文件但不在 JS 中添加 sourcemap 注释
+   */
+  devtool: 'hidden-source-map',
   // 生产环境：将所有代码打包到一个文件
   extraBabelPlugins: ['babel-plugin-dynamic-import-node'],
 
@@ -17,10 +23,12 @@ const config: ReturnType<typeof defineConfig> = {
     memo.optimization.splitChunks(false);
     // 禁用 runtimeChunk
     memo.optimization.runtimeChunk(false);
+    applySentryPlugin({ memo, appName: '<%= appName %>' });
+    memo.plugins.delete('runtimePublicPath');
     return memo;
   },
   publicPath: PUBLIC_PATH,
-
+  cssPublicPath: PUBLIC_PATH,
 
   /**
    * @name 外部依赖配置
@@ -29,12 +37,13 @@ const config: ReturnType<typeof defineConfig> = {
    *
    * 作为 qiankun 子应用时，这些库由主应用提供：
    * - react / react-dom: 主应用已加载，避免多实例问题
-   * - @arco-design/web-react: 主应用已加载，复用组件和样式
+   * - @mico-platform/ui: 主应用已加载，复用组件和样式
    */
   externals: {
     react: 'React',
     'react-dom': 'ReactDOM',
-    '@arco-design/web-react': 'arco',
+    '@mico-platform/ui': 'micoUI',
+    '@common-web/sentry': 'CommonWebSentry',
   },
 };
 

package/generators/subapp-react/templates/homepage/config/config.ts

@@ -102,6 +102,27 @@ const config: ReturnType<typeof defineConfig> = {
   codeSplitting: {
     jsStrategy: 'granularChunks',
   },
+
+  /**
+   * @name 额外 Babel Presets
+   * @description 使用 @mico-platform/ui 的 babel preset，实现组件与图标的按需加载
+   */
+  extraBabelPresets: ['@mico-platform/ui/babel-preset'],
+
+  /**
+   * @name MFSU 配置
+   * @description
+   * - exclude: theme 子路径解析；ui 尽量与主应用一起编译
+   * - shared: React 单例，确保 MFSU 预打包里的组件（如 UI 库）与应用共用同一份 React，否则 useContext 报 null
+   * @doc https://umijs.org/docs/guides/mfsu
+   */
+  mfsu: {
+    exclude: ['@mico-platform/theme', '@mico-platform/ui'],
+    shared: {
+      react: { singleton: true },
+      'react-dom': { singleton: true },
+    },
+  },
 };
 
 export default defineConfig(config);

package/generators/subapp-react/templates/homepage/config/routes.ts

@@ -1,7 +1,7 @@
 /**
  * @name 路由配置
- * @description homepage 子应用的路由配置
+ * @description <%= appName %> 子应用的路由配置
  */
 export default [
-  { path: '/<%= appName %>', component: '@/pages/index' },
+  { path: '/', component: '@/pages/index' },
 ];

package/generators/subapp-react/templates/homepage/mock/api.mock.ts

@@ -1,6 +1,6 @@
 /**
  * @name Mock API
- * @description homepage 子应用的 Mock 数据
+ * @description <%= appName %> 子应用的 Mock 数据
  * @doc https://umijs.org/docs/guides/mock
  */
 
@@ -12,7 +12,7 @@ export default {
   //     id: 1001,
   //     name: '张三',
   //     email: 'zhangsan@example.com',
-  //     avatar: 'https://api.dicebear.com/7.x/avataaars/svg?seed=homepage',
+  //     avatar: 'https://api.dicebear.com/7.x/avataaars/svg?seed=<%= appName %>',
   //     role: 'admin',
   //     department: '技术部',
   //   },

package/generators/subapp-react/templates/homepage/package.json

@@ -4,6 +4,7 @@
   "private": true,
   "author": "Easton <easton@micous.com>",
   "scripts": {
+    "check-types": "tsc --noEmit",
     "dev": "max dev",
     "build": "npm run build:production",
     "build:development": "cross-env UMI_ENV=development max build",
@@ -14,17 +15,19 @@
     "start": "npm run dev"
   },
   "dependencies": {
-    "<%= packageScope %>/shared-styles": "workspace:*",
+    "@mico-platform/ui": "<%= micoUiVersion %>",
+    "@mico-platform/theme": "<%= themeVersion %>",
     "@umijs/max": "^4.4.8",
-    "babel-plugin-dynamic-import-node": "^2.3.3",
-    "cross-env": "^10.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@arco-design/web-react": "^2.66.6",
+    "@mico-platform/ui": "<%= micoUiVersion %>",
     "@types/react": "^18.0.33",
     "@types/react-dom": "^18.0.11",
+    "babel-plugin-dynamic-import-node": "^2.3.3",
+    "babel-plugin-import": "^1.13.8",
+    "cross-env": "^10.1.0",
     "typescript": "^5.0.3"
   }
 }

package/generators/subapp-react/templates/homepage/src/app.tsx

@@ -1,34 +1,22 @@
 /**
  * @name 应用入口配置
- * @description homepage 子应用的运行时配置
+ * @description <%= appName %> 子应用的运行时配置
  * @doc https://umijs.org/docs/max/micro-frontend#子应用配置
  *
  * 注意：app.tsx 只能导出 Umi 规定的 API（qiankun、getInitialState 等）
  * 自定义函数请放在 @/common/mainApp.ts 中
  */
 
+import React from 'react';
 import { history } from '@umijs/max';
+import { SentryErrorBoundary } from '@common-web/sentry';
 import { appLogger } from './common/logger';
 import { type IMicroAppProps, setMainAppProps } from './common/mainApp';
 
-/**
- * @name 独立运行时加载主题
- * @description 仅在开发环境且非 qiankun 环境中加载主题样式
- *
- * 实现原理：
- * - 生产构建时 process.env.NODE_ENV !== 'development'，整个 if 块被 tree-shake
- * - 开发环境独立运行时加载主题，支持本地预览
- * - 作为微应用运行时（无论开发还是生产），使用主应用的主题
- */
-if (process.env.NODE_ENV === 'development') {
-  // 开发环境：运行时检测是否独立运行
-  if (typeof window !== 'undefined' && !window.__POWERED_BY_QIANKUN__) {
-    // 直接导入主题样式（开发环境下会被打包）
-    import('./styles/theme.less');
-    appLogger.log('Running standalone in dev mode, theme loaded');
-  }
+/** 与 layout parser.findRouteByPath 一致：根路径 "/" 保持不变 */
+function stripTrailingSlash(path: string): string {
+  return path.length > 1 && path.endsWith('/') ? path.slice(0, -1) : path;
 }
-// 生产环境：作为微应用时，主题由主应用注入，无需加载
 
 /**
  * @name 路由同步工具
@@ -37,12 +25,12 @@ if (process.env.NODE_ENV === 'development') {
 function syncRoute(routePath: string, logPrefix = 'route sync') {
   if (!history) return;
 
-  const currentPath = history.location.pathname;
+  const currentPath = stripTrailingSlash(history.location.pathname);
   const isWildcard = routePath.endsWith('/*');
-  // 通配符模式取基础路径，否则使用原路径
-  const targetPath = isWildcard ? routePath.slice(0, -2) : routePath;
+  const targetPath = stripTrailingSlash(
+    isWildcard ? routePath.slice(0, -2) : routePath,
+  );
 
-  // 判断当前路径是否已匹配目标
   const isMatched = isWildcard
     ? currentPath === targetPath || currentPath.startsWith(`${targetPath}/`)
     : currentPath === targetPath;
@@ -73,11 +61,10 @@ export const qiankun = {
     // 保存主应用传递的 props，包括 request 实例
     setMainAppProps(props);
 
-    // 初始路由同步：延迟到下一帧确保 React 组件已初始化
-    if (props.routePath) {
-      const routePath = props.routePath;
-      requestAnimationFrame(() => syncRoute(routePath, 'initial route sync'));
-    }
+    // 注意：不在 mount 中调用 syncRoute
+    // 原因：当子应用从缓存复用时，mount 时的 props 可能是旧的（包含过期的 routePath）
+    // 主应用的 MicroAppManager 会在 mount 完成后立即调用 update() 传递正确的 props
+    // 路由同步完全由 update 生命周期处理，避免 mount 中的旧 routePath 覆盖正确的路由
   },
 
   /**
@@ -115,3 +102,7 @@ export async function getInitialState() {
     name: '<%= appName %>',
   };
 }
+
+export function rootContainer(container: React.ReactNode) {
+  return <SentryErrorBoundary>{container}</SentryErrorBoundary>;
+}

package/generators/subapp-react/templates/homepage/src/common/request.ts

@@ -26,12 +26,12 @@ export async function request<T = any>(
 
   if (mainAppRequest) {
     // 微前端模式：使用主应用的 request
-    console.log('[homepage] Using main app request:', url);
+    console.log('[<%= appName %>] Using main app request:', url);
     return mainAppRequest<T>(url, options);
   }
 
   // 独立运行模式：使用 umi request
-  console.log('[homepage] Using umi request:', url);
+  console.log('[<%= appName %>] Using umi request:', url);
   // umi request 默认返回 data，skipErrorHandler 可选
   return umiRequest<T>(url, {
     skipErrorHandler: true,
@@ -46,4 +46,31 @@ export function getRequestSource(): 'main-app' | 'umi' {
   return getMainAppRequest() ? 'main-app' : 'umi';
 }
 
+/**
+ * 从错误对象中提取错误消息
+ * 优先使用后端返回的 msg，否则使用默认消息
+ */
+export function getErrorMessage(error: unknown, defaultMsg: string): string {
+  if (error && typeof error === 'object') {
+    // 尝试从 error.data.msg 获取（umi-request 格式）
+    const err = error as Record<string, any>;
+    if (err.data?.msg) {
+      return err.data.msg;
+    }
+    // 尝试从 error.response.data.msg 获取（axios 格式）
+    if (err.response?.data?.msg) {
+      return err.response.data.msg;
+    }
+    // 尝试从 error.msg 获取
+    if (err.msg) {
+      return err.msg;
+    }
+    // 尝试从 error.message 获取
+    if (err.message) {
+      return err.message;
+    }
+  }
+  return defaultMsg;
+}
+
 

package/generators/subapp-react/templates/homepage/src/global.less

@@ -3,10 +3,10 @@
  * @description homepage 子应用的全局样式
  */
 
-// 仅导入 Less 变量（不包含 CSS 变量定义，避免重复打包）
-// CSS 变量由主应用（layout）注入到 body 上
-// Less 变量通过 var(--xxx) 引用 CSS 变量，自动适配主题
-@import '<%= packageScope %>/shared-styles/variables-only';
+// 导入 @mico-platform/theme 主题入口（包含 CSS 变量 + Less 变量）
+// 注意：作为微前端子应用运行时，主应用会先加载这些样式
+// 独立运行时，需要自己加载完整样式（包括 UI 组件覆盖）
+@import '@mico-platform/theme';
 
 * {
   box-sizing: border-box;
@@ -20,7 +20,8 @@ body {
     'Noto Sans', sans-serif;
 }
 
-#homepage-root {
+#<%= appName %>-root {
   width: 100%;
   height: 100%;
+  background-color: var(--color-fill-1);
 }

package/generators/subapp-react/templates/homepage/src/pages/index.less

@@ -3,10 +3,10 @@
  * @description 使用主题色变量的示例
  */
 
-// 导入共享样式变量
-@import '<%= packageScope %>/shared-styles/variables-only';
+// 导入主题变量（仅 Less 变量，子应用用）
+@import '@mico-platform/theme/variables';
 
-.homepage {
+.<%= appName %> {
   padding: @spacing-lg;
   min-height: 100vh;
   // 使用主题色变量 - 背景色会随主题切换自动变化

package/generators/subapp-react/templates/homepage/src/pages/index.tsx

@@ -12,8 +12,8 @@ import {
   Table,
   Tag,
   Typography,
-} from '@arco-design/web-react';
-import { IconMoon, IconRefresh, IconSun } from '@arco-design/web-react/icon';
+} from '@mico-platform/ui';
+import { IconMoon, IconRefresh, IconSun } from '@mico-platform/ui/icon';
 import { useState } from 'react';
 import './index.less';
 
@@ -45,12 +45,12 @@ interface IListItem {
 }
 
 /**
- * 主题色变量 & Arco Design 组件使用示例
+ * 主题色变量 & @mico-platform/ui 组件使用示例
  *
- * 子应用使用主题色变量和 Arco Design 的方式：
- * 1. 在 config.ts 中配置 externals，将 react/react-dom/@arco-design/web-react 排除打包
- * 2. 运行时从主应用的 window.React / window.arco 获取
- * 3. 在 global.less 中导入 @import '<%= packageScope %>/shared-styles/variables-only';
+ * 子应用使用主题色变量和 UI 组件的方式：
+ * 1. 在 config 中配置 externals，将 react/react-dom/@mico-platform/ui 排除打包
+ * 2. 运行时从主应用的 window.React / window.micoUI 获取
+ * 3. 在 global.less 中导入 @import '@mico-platform/theme'；在 Less 中用 @import '@mico-platform/theme/variables'
  * 4. Less 变量自动适配主应用的主题切换
  */
 export default function HomePage() {
@@ -63,7 +63,9 @@ export default function HomePage() {
   const fetchUserInfo = async () => {
     setLoading(true);
     try {
-      const res = await request<{ success: boolean; data: IUserInfo }>('/api/user/info');
+      const res = await request<{ success: boolean; data: IUserInfo }>(
+        '/api/user/info',
+      );
       if (res.success) {
         setUserInfo(res.data);
         Message.success('获取用户信息成功');
@@ -80,7 +82,9 @@ export default function HomePage() {
   const fetchStats = async () => {
     setLoading(true);
     try {
-      const res = await request<{ success: boolean; data: IStatsData }>('/api/dashboard/stats');
+      const res = await request<{ success: boolean; data: IStatsData }>(
+        '/api/dashboard/stats',
+      );
       if (res.success) {
         setStats(res.data);
         Message.success('获取统计数据成功');
@@ -97,7 +101,10 @@ export default function HomePage() {
   const fetchList = async () => {
     setLoading(true);
     try {
-      const res = await request<{ success: boolean; data: { list: IListItem[] } }>('/api/items');
+      const res = await request<{
+        success: boolean;
+        data: { list: IListItem[] };
+      }>('/api/items');
       if (res.success) {
         setListData(res.data.list);
         Message.success('获取列表数据成功');
@@ -124,14 +131,14 @@ export default function HomePage() {
   };
 
   const showMessage = () => {
-    Message.success('Arco Design Message 组件正常工作！');
+    Message.success('@mico-platform/ui Message 组件正常工作！');
   };
 
   return (
-    <div className="homepage">
+    <div className="<%= appName %>">
       <Title heading={2}>🎨 子应用主题 & 组件示例</Title>
       <Paragraph type="secondary">
-        子应用复用主应用的 React 和 Arco Design，无重复打包，主题自动同步
+        子应用复用主应用的 React 和 @mico-platform/ui，无重复打包，主题自动同步
       </Paragraph>
 
       <Divider />
@@ -143,20 +150,30 @@ export default function HomePage() {
           style={{ marginBottom: 16 }}
           extra={
             <Tag color={getRequestSource() === 'main-app' ? 'green' : 'blue'}>
-              {getRequestSource() === 'main-app' ? '使用主应用 Request' : '使用 Umi Request'}
+              {getRequestSource() === 'main-app'
+                ? '使用主应用 Request'
+                : '使用 Umi Request'}
             </Tag>
           }
         >
           <Paragraph>
-            子应用优先使用主应用传递的 <Text code>request</Text> 实例，独立运行时使用 Umi
-            内置的 request。两种模式都支持 Mock。
+            子应用优先使用主应用传递的 <Text code>request</Text>{' '}
+            实例，独立运行时使用 Umi 内置的 request。两种模式都支持 Mock。
           </Paragraph>
 
           <Space size="medium" style={{ marginTop: 16 }}>
-            <Button type="primary" icon={<IconRefresh />} onClick={fetchUserInfo}>
+            <Button
+              type="primary"
+              icon={<IconRefresh />}
+              onClick={fetchUserInfo}
+            >
               获取用户信息
             </Button>
-            <Button type="secondary" icon={<IconRefresh />} onClick={fetchStats}>
+            <Button
+              type="secondary"
+              icon={<IconRefresh />}
+              onClick={fetchStats}
+            >
               获取统计数据
             </Button>
             <Button type="outline" icon={<IconRefresh />} onClick={fetchList}>
@@ -175,7 +192,10 @@ export default function HomePage() {
                   { label: 'ID', value: userInfo.id },
                   { label: '姓名', value: userInfo.name },
                   { label: '邮箱', value: userInfo.email },
-                  { label: '角色', value: <Tag color="arcoblue">{userInfo.role}</Tag> },
+                  {
+                    label: '角色',
+                    value: <Tag color="arcoblue">{userInfo.role}</Tag>,
+                  },
                   { label: '部门', value: userInfo.department },
                 ]}
               />
@@ -190,11 +210,26 @@ export default function HomePage() {
               <Descriptions
                 column={2}
                 data={[
-                  { label: '总用户数', value: stats.totalUsers.toLocaleString() },
-                  { label: '活跃用户', value: stats.activeUsers.toLocaleString() },
-                  { label: '待处理任务', value: <Tag color="orange">{stats.pendingTasks}</Tag> },
-                  { label: '已完成任务', value: <Tag color="green">{stats.completedTasks}</Tag> },
-                  { label: '更新时间', value: new Date(stats.lastUpdated).toLocaleString() },
+                  {
+                    label: '总用户数',
+                    value: stats.totalUsers.toLocaleString(),
+                  },
+                  {
+                    label: '活跃用户',
+                    value: stats.activeUsers.toLocaleString(),
+                  },
+                  {
+                    label: '待处理任务',
+                    value: <Tag color="orange">{stats.pendingTasks}</Tag>,
+                  },
+                  {
+                    label: '已完成任务',
+                    value: <Tag color="green">{stats.completedTasks}</Tag>,
+                  },
+                  {
+                    label: '更新时间',
+                    value: new Date(stats.lastUpdated).toLocaleString(),
+                  },
                 ]}
               />
             </>
@@ -216,7 +251,9 @@ export default function HomePage() {
                     dataIndex: 'status',
                     width: 100,
                     render: (status: keyof typeof statusColorMap) => (
-                      <Tag color={statusColorMap[status]}>{statusTextMap[status]}</Tag>
+                      <Tag color={statusColorMap[status]}>
+                        {statusTextMap[status]}
+                      </Tag>
                     ),
                   },
                   { title: '创建时间', dataIndex: 'createdAt', width: 180 },
@@ -228,11 +265,11 @@ export default function HomePage() {
         </Card>
       </Spin>
 
-      {/* Arco Design 组件示例 */}
-      <Card title="📦 Arco Design 组件" style={{ marginBottom: 16 }}>
+      {/* @mico-platform/ui 组件示例 */}
+      <Card title="📦 @mico-platform/ui 组件" style={{ marginBottom: 16 }}>
         <Paragraph>
-          子应用通过 <Text code>externals</Text> 配置复用主应用的 Arco Design，
-          避免重复打包（节省 ~800KB）。
+          子应用通过 <Text code>externals</Text> 配置复用主应用的
+          @mico-platform/ui， 避免重复打包（节省 ~800KB）。
         </Paragraph>
 
         <Space size="medium" style={{ marginTop: 16 }}>
@@ -262,7 +299,9 @@ export default function HomePage() {
             checkedIcon={<IconMoon />}
             uncheckedIcon={<IconSun />}
             onChange={(checked: boolean) => {
-              Message.info(`切换到 ${checked ? '暗色' : '亮色'} 模式（需在主应用操作）`);
+              Message.info(
+                `切换到 ${checked ? '暗色' : '亮色'} 模式（需在主应用操作）`,
+              );
             }}
           />
           <Text type="secondary">（实际切换请在主应用 Header 操作）</Text>
@@ -272,49 +311,49 @@ export default function HomePage() {
       {/* 自定义主题色示例 */}
       <Card title="🎨 自定义主题色变量" style={{ marginBottom: 16 }}>
         <Paragraph>
-          在 Less 中使用 <Text code><%= packageScope %>/shared-styles/variables-only</Text>{' '}
+          在 Less 中使用 <Text code>@mico-platform/theme/variables</Text>{' '}
           导入主题变量，自动适配亮色/暗色主题。
         </Paragraph>
 
         <Title heading={6}>品牌色 & 功能色</Title>
-        <div className="homepage-colors">
-          <div className="homepage-color-item">
-            <div className="homepage-color-box brand-1" />
-            <span className="homepage-color-label">@Brand1-6</span>
+        <div className="<%= appName %>-colors">
+          <div className="<%= appName %>-color-item">
+            <div className="<%= appName %>-color-box brand-1" />
+            <span className="<%= appName %>-color-label">@Brand1-6</span>
           </div>
-          <div className="homepage-color-item">
-            <div className="homepage-color-box brand-2" />
-            <span className="homepage-color-label">@Brand2-6</span>
+          <div className="<%= appName %>-color-item">
+            <div className="<%= appName %>-color-box brand-2" />
+            <span className="<%= appName %>-color-label">@Brand2-6</span>
           </div>
-          <div className="homepage-color-item">
-            <div className="homepage-color-box success" />
-            <span className="homepage-color-label">@Success-6</span>
+          <div className="<%= appName %>-color-item">
+            <div className="<%= appName %>-color-box success" />
+            <span className="<%= appName %>-color-label">@Success-6</span>
           </div>
-          <div className="homepage-color-item">
-            <div className="homepage-color-box warning" />
-            <span className="homepage-color-label">@Warning-6</span>
+          <div className="<%= appName %>-color-item">
+            <div className="<%= appName %>-color-box warning" />
+            <span className="<%= appName %>-color-label">@Warning-6</span>
           </div>
-          <div className="homepage-color-item">
-            <div className="homepage-color-box danger" />
-            <span className="homepage-color-label">@Danger-6</span>
+          <div className="<%= appName %>-color-item">
+            <div className="<%= appName %>-color-box danger" />
+            <span className="<%= appName %>-color-label">@Danger-6</span>
           </div>
         </div>
 
         <Title heading={6} style={{ marginTop: 16 }}>
           中性色（随主题自动切换）
         </Title>
-        <div className="homepage-colors">
-          <div className="homepage-color-item">
-            <div className="homepage-color-box fill-1" />
-            <span className="homepage-color-label">@color-fill-1</span>
+        <div className="<%= appName %>-colors">
+          <div className="<%= appName %>-color-item">
+            <div className="<%= appName %>-color-box fill-1" />
+            <span className="<%= appName %>-color-label">@color-fill-1</span>
           </div>
-          <div className="homepage-color-item">
-            <div className="homepage-color-box fill-2" />
-            <span className="homepage-color-label">@color-fill-2</span>
+          <div className="<%= appName %>-color-item">
+            <div className="<%= appName %>-color-box fill-2" />
+            <span className="<%= appName %>-color-label">@color-fill-2</span>
           </div>
-          <div className="homepage-color-item">
-            <div className="homepage-color-box fill-3" />
-            <span className="homepage-color-label">@color-fill-3</span>
+          <div className="<%= appName %>-color-item">
+            <div className="<%= appName %>-color-box fill-3" />
+            <span className="<%= appName %>-color-label">@color-fill-3</span>
           </div>
         </div>
       </Card>
@@ -324,17 +363,17 @@ export default function HomePage() {
         <Alert
           type="info"
           title="依赖共享"
-          content="通过 externals 配置，子应用复用主应用的 React 和 Arco Design，打包体积减少 ~1MB"
+          content="通过 externals 配置，子应用复用主应用的 React 和 @mico-platform/ui，打包体积减少 ~1MB"
         />
         <Alert
           type="success"
           title="主题同步"
-          content="子应用的 Arco 组件和自定义样式自动跟随主应用主题切换"
+          content="子应用的 UI 组件和自定义样式自动跟随主应用主题切换"
         />
         <Alert
           type="warning"
           title="注意事项"
-          content="使用 variables-only 导入，避免重复打包 CSS 变量定义"
+          content="使用 variables 导入，避免重复打包 CSS 变量定义"
         />
       </Space>
     </div>

package/generators/subapp-react/templates/homepage/src/styles/theme.less

@@ -2,5 +2,5 @@
 // 此文件仅在独立运行时被动态导入
 // 作为微前端子应用时不会被导入（使用主应用的主题）
 
-@import '<%= packageScope %>/shared-styles/theme-inject';
+@import '@mico-platform/theme/theme-inject';
 

package/generators/subapp-umd/ignore-list.json

@@ -0,0 +1,5 @@
+[
+  "node_modules",
+  "dist",
+  ".turbo"
+]