@defuy/micro-cli 1.0.0

package/README.md

@@ -0,0 +1,78 @@
+# @micro/cli
+
+微前端脚手架工具，用于快速创建、打包和部署微前端子应用。
+
+## 安装
+
+```bash
+npm install -g @micro/cli
+```
+
+## 使用
+
+### 创建功能包
+
+```bash
+mf c <name>
+mf create <name>
+
+# 示例
+mf c dashboard
+
+# 跳过交互确认
+mf c dashboard -y
+
+# 指定描述
+mf c dashboard -y -d "仪表盘模块"
+```
+
+### 打包
+
+```bash
+# 打包所有子应用
+mf b
+
+# 打包指定子应用
+mf b vue
+mf b app-vue
+```
+
+### 部署
+
+```bash
+# 部署所有已打包的子应用
+mf d
+
+# 部署指定子应用
+mf d vue
+
+# 同时部署基座
+mf d --host
+
+# 只部署配置文件
+mf d --config-only
+```
+
+## 命令说明
+
+| 命令 | 别名 | 说明 |
+|------|------|------|
+| `mf c <name>` | `create` | 创建新的功能包 |
+| `mf b [app]` | `build` | 打包功能包 |
+| `mf d [app]` | `deploy` | 部署到服务器 |
+
+## 选项
+
+### create 命令
+
+- `-y, --yes`: 跳过交互确认，使用默认值
+- `-d, --desc <description>`: 指定功能包描述
+
+### deploy 命令
+
+- `--host`: 同时部署基座
+- `--config-only`: 只部署配置文件
+
+## 更多信息
+
+详细文档请查看项目主 README。

package/bin/micro.js

@@ -0,0 +1,48 @@
+#!/usr/bin/env node
+
+import { Command } from 'commander';
+import chalk from 'chalk';
+import { createApp } from '../lib/create.js';
+import { deploy } from '../lib/deploy.js';
+import { build } from '../lib/build.js';
+
+const program = new Command();
+
+program
+  .name('mf')
+  .description('微前端脚手架工具')
+  .version('1.0.0');
+
+// 创建功能包
+program
+  .command('c <name>')
+  .alias('create')
+  .description('创建新的功能包')
+  .option('-y, --yes', '跳过确认，使用默认值')
+  .option('-d, --desc <description>', '功能包描述')
+  .action(async (name, options) => {
+    console.log(chalk.cyan(`\n🚀 创建功能包: ${name}\n`));
+    await createApp(name, options);
+  });
+
+// 打包
+program
+  .command('b [app]')
+  .alias('build')
+  .description('打包功能包')
+  .action(async (app) => {
+    await build(app);
+  });
+
+// 部署
+program
+  .command('d [app]')
+  .alias('deploy')
+  .description('部署到服务器')
+  .option('--host', '同时部署基座')
+  .option('--config-only', '只部署配置文件')
+  .action(async (app, options) => {
+    await deploy(app, options);
+  });
+
+program.parse();

package/lib/build.js

@@ -0,0 +1,87 @@
+import { execSync } from 'child_process';
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+import chalk from 'chalk';
+import ora from 'ora';
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+// 后处理：修复全局变量引用
+function fixGlobals(distDir) {
+  const jsDir = path.join(distDir, 'js');
+  if (!fs.existsSync(jsDir)) return;
+  
+  const files = fs.readdirSync(jsDir).filter(f => f.endsWith('.js'));
+  
+  for (const file of files) {
+    const filePath = path.join(jsDir, file);
+    let content = fs.readFileSync(filePath, 'utf-8');
+    
+    // 替换 IIFE 末尾的全局变量引用
+    // (function(e,a){...})(vue,vueRouter) -> (function(e,a){...})(window.__SHARED_LIBS__.vue, window.__SHARED_LIBS__["vue-router"])
+    content = content.replace(
+      /\}\)\(vue,\s*vueRouter\);?\s*$/,
+      '})(window.__SHARED_LIBS__.vue, window.__SHARED_LIBS__["vue-router"]);'
+    );
+    
+    fs.writeFileSync(filePath, content);
+  }
+}
+
+export async function build(appName) {
+  const packagesDir = path.resolve(__dirname, '../../');
+  const distDir = path.resolve(packagesDir, '../dist');
+  
+  // 获取要打包的应用列表
+  let apps = [];
+  
+  if (appName) {
+    const appId = appName.startsWith('app-') ? appName : `app-${appName}`;
+    const appDir = path.join(packagesDir, appId);
+    
+    if (!fs.existsSync(appDir)) {
+      console.log(chalk.red(`❌ 功能包 ${appId} 不存在`));
+      return;
+    }
+    apps = [appId];
+  } else {
+    // 获取所有功能包
+    const dirs = fs.readdirSync(packagesDir);
+    apps = dirs.filter(dir => {
+      const pkgPath = path.join(packagesDir, dir, 'package.json');
+      return dir.startsWith('app-') && fs.existsSync(pkgPath);
+    });
+  }
+  
+  if (apps.length === 0) {
+    console.log(chalk.yellow('没有找到功能包'));
+    return;
+  }
+  
+  console.log(chalk.cyan(`\n📦 准备打包 ${apps.length} 个功能包\n`));
+  
+  for (const app of apps) {
+    const spinner = ora(`打包 ${app}...`).start();
+    const appDir = path.join(packagesDir, app);
+    
+    try {
+      execSync('pnpm build', {
+        cwd: appDir,
+        stdio: 'pipe'
+      });
+      
+      // 后处理：修复全局变量引用
+      const appDistDir = path.join(distDir, app);
+      fixGlobals(appDistDir);
+      
+      spinner.succeed(chalk.green(`${app} 打包成功`));
+    } catch (error) {
+      spinner.fail(chalk.red(`${app} 打包失败`));
+      console.error(error.message);
+    }
+  }
+  
+  console.log(chalk.cyan('\n✅ 打包完成！'));
+  console.log(chalk.gray(`输出目录: dist/`));
+}

package/lib/config.js

@@ -0,0 +1,23 @@
+// 服务器配置
+export const SERVER_CONFIG = {
+  host: 'micro.defuy.cn',
+  port: 22,
+  username: 'root',
+  // 私钥路径（相对于 cli 目录）
+  privateKeyPath: '../.ssh_key',
+  // 远程部署目录
+  remotePath: '/www/wwwroot/micro-apps/dist'
+};
+
+// 端口分配（新功能包自动递增）
+export const PORT_MAP = {
+  'app-vue': 3001,
+  'app-login': 3002
+};
+
+// 获取下一个可用端口
+export function getNextPort() {
+  const usedPorts = Object.values(PORT_MAP);
+  const maxPort = Math.max(...usedPorts, 3000);
+  return maxPort + 1;
+}

package/lib/create.js

@@ -0,0 +1,371 @@
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+import chalk from 'chalk';
+import ora from 'ora';
+import inquirer from 'inquirer';
+import { getNextPort, PORT_MAP } from './config.js';
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+export async function createApp(name, options = {}) {
+  // 确保名称格式正确
+  const appId = name.startsWith('app-') ? name : `app-${name}`;
+  const appName = appId.replace('app-', '');
+  
+  // 获取 packages 目录
+  const packagesDir = path.resolve(__dirname, '../../');
+  const appDir = path.join(packagesDir, appId);
+  
+  // 检查是否已存在
+  if (fs.existsSync(appDir)) {
+    console.log(chalk.red(`❌ 功能包 ${appId} 已存在`));
+    return;
+  }
+  
+  let answers;
+  
+  // 如果使用 -y 选项，跳过交互
+  if (options.yes) {
+    answers = {
+      description: options.desc || `${appName} 功能模块`,
+      confirm: true
+    };
+    console.log(chalk.gray(`功能包描述: ${answers.description}`));
+  } else {
+    // 交互式确认
+    answers = await inquirer.prompt([
+      {
+        type: 'input',
+        name: 'description',
+        message: '功能包描述:',
+        default: options.desc || `${appName} 功能模块`
+      },
+      {
+        type: 'confirm',
+        name: 'confirm',
+        message: `确认创建 ${appId}?`,
+        default: true
+      }
+    ]);
+  }
+  
+  if (!answers.confirm) {
+    console.log(chalk.yellow('已取消'));
+    return;
+  }
+  
+  const spinner = ora('创建功能包...').start();
+  
+  try {
+    // 分配端口
+    const port = PORT_MAP[appId] || getNextPort();
+    
+    // 创建目录结构
+    fs.mkdirSync(appDir, { recursive: true });
+    fs.mkdirSync(path.join(appDir, 'src/views'), { recursive: true });
+    fs.mkdirSync(path.join(appDir, 'src/router'), { recursive: true });
+    fs.mkdirSync(path.join(appDir, 'src/components'), { recursive: true });
+    
+    // 生成 index.html（开发时用）
+    const indexHtml = `<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>${appId}</title>
+</head>
+<body>
+  <div id="app"></div>
+  <script type="module" src="/src/main.ts"></script>
+</body>
+</html>
+`;
+    fs.writeFileSync(path.join(appDir, 'index.html'), indexHtml);
+    
+    // 生成 package.json
+    const packageJson = {
+      name: appId,
+      version: '1.0.0',
+      description: answers.description,
+      type: 'module',
+      scripts: {
+        dev: 'vite',
+        build: 'vite build',
+        preview: 'vite preview'
+      },
+      dependencies: {
+        vue: '^3.4.0',
+        'vue-router': '^4.2.0'
+      },
+      devDependencies: {
+        '@vitejs/plugin-vue': '^5.0.0',
+        vite: '^5.0.0'
+      }
+    };
+    fs.writeFileSync(
+      path.join(appDir, 'package.json'),
+      JSON.stringify(packageJson, null, 2)
+    );
+    
+    // 生成 vite.config.js
+    const viteConfig = `import { defineConfig, mergeConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+import { devProxyPlugin, createMicroAppConfig, resolveAppConfig } from '../shared/dev-plugin.js';
+
+const APP_CONFIG = resolveAppConfig(import.meta.url);
+
+export default defineConfig(({ mode }) => {
+  const isProduction = mode === 'production';
+  
+  const baseConfig = {
+    plugins: [
+      vue(),
+      !isProduction && devProxyPlugin(APP_CONFIG)
+    ].filter(Boolean)
+  };
+  
+  if (isProduction) {
+    return mergeConfig(baseConfig, createMicroAppConfig(APP_CONFIG));
+  }
+  
+  return mergeConfig(baseConfig, {
+    base: '/',
+    server: {
+      port: APP_CONFIG.port,
+      host: true,
+      cors: true,
+      proxy: {
+        '^/assets/': {
+          target: 'http://micro.defuy.cn:9091',
+          changeOrigin: true
+        }
+      }
+    }
+  });
+});
+`;
+    fs.writeFileSync(path.join(appDir, 'vite.config.js'), viteConfig);
+    
+    // 生成 src/main.ts（动态路由版本）
+    const mainTs = `import { createApp, nextTick } from 'vue';
+import { createRouter, createWebHistory } from 'vue-router';
+import App from './App.vue';
+
+// 动态导入所有 views 下的组件
+const viewModules = import.meta.glob('./views/**/*.vue');
+
+let app = null;
+let router = null;
+let stopWatchingRoute = null;
+
+const APP_ID = '${appId}';
+const ACTIVE_RULE = '/${appName}';
+
+// 从基座获取路由配置
+function getRouteConfig() {
+  const appsConfig = window.__APPS_CONFIG__;
+  if (appsConfig) {
+    const appConfig = appsConfig.apps?.find(a => a.id === APP_ID);
+    if (appConfig?.children?.length) {
+      console.log('📋 从基座配置加载路由:', appConfig.children.length, '个');
+      return appConfig.children;
+    }
+  }
+  if (window.__DEV_PAGES__) {
+    console.log('📋 使用开发模式页面列表');
+    return window.__DEV_PAGES__.map((p, i) => ({ name: p.name, path: ACTIVE_RULE + p.route, icon: 'Document', order: i + 1 }));
+  }
+  return [];
+}
+
+// 递归解析路由配置
+function parseRoutes(configs) {
+  const routes = [];
+  for (const config of configs) {
+    let routePath = config.path || '';
+    if (routePath.startsWith(ACTIVE_RULE)) routePath = routePath.slice(ACTIVE_RULE.length) || '/';
+    const componentPath = findComponentPath(routePath);
+    const route = { path: routePath, name: config.name, meta: { title: config.name, icon: config.icon } };
+    if (componentPath && viewModules[componentPath]) {
+      route.component = viewModules[componentPath];
+    } else if (config.children?.length) {
+      route.component = { template: '<router-view />' };
+    } else {
+      route.component = { template: '<div style="padding:20px;color:#999;">页面不存在: ' + routePath + '</div>' };
+    }
+    if (config.children?.length) route.children = parseRoutes(config.children);
+    routes.push(route);
+  }
+  return routes;
+}
+
+function findComponentPath(routePath) {
+  const pathParts = routePath.split('/').filter(Boolean);
+  if (pathParts.length === 0) pathParts.push('home');
+  const attempts = [
+    \`./views/\${pathParts.join('/')}.vue\`,
+    \`./views/\${pathParts.join('/')}/index.vue\`,
+    \`./views/\${pathParts.map(p => p.charAt(0).toUpperCase() + p.slice(1)).join('/')}.vue\`,
+    \`./views/\${pathParts[pathParts.length - 1]}.vue\`,
+    \`./views/\${pathParts[pathParts.length - 1]}/index.vue\`
+  ];
+  for (const attempt of attempts) if (viewModules[attempt]) return attempt;
+  // 模糊匹配：查找目录下的任意 .vue 文件
+  const targetDir = \`./views/\${pathParts.join('/')}/\`;
+  for (const key of Object.keys(viewModules)) {
+    if (key.startsWith(targetDir) && key.endsWith('.vue')) return key;
+  }
+  const lastPart = pathParts[pathParts.length - 1].toLowerCase();
+  for (const key of Object.keys(viewModules)) {
+    const fileName = key.split('/').pop()?.replace('.vue', '').toLowerCase();
+    if ((fileName === lastPart || fileName === 'index') && key.toLowerCase().includes(lastPart)) return key;
+  }
+  return null;
+}
+
+function createAppRouter() {
+  const routeConfigs = getRouteConfig();
+  const routes = parseRoutes(routeConfigs);
+  if (routes.length > 0 && !routes.find(r => r.path === '/')) {
+    routes.unshift({ path: '/', redirect: routes[0].path });
+  }
+  console.log('🛣️ 动态路由:', routes);
+  return createRouter({ history: createWebHistory(ACTIVE_RULE + '/'), routes });
+}
+
+async function mount(containerId = 'app', shadowRoot) {
+  console.log('🚀 ${appName} 子应用开始挂载');
+  await nextTick();
+  const root = shadowRoot || document;
+  const container = root.getElementById(containerId);
+  if (!container) { console.error('❌ 找不到挂载点'); return; }
+  
+  try {
+    router = createAppRouter();
+    
+    // 🔑 获取初始路径：优先从基座传递的目标路径获取
+    let initialPath = '/';
+    const targetPath = window.__MICRO_APP_TARGET_PATH__;
+    if (targetPath && targetPath.startsWith(ACTIVE_RULE)) {
+      initialPath = targetPath.replace(ACTIVE_RULE, '') || '/';
+      console.log('📍 使用基座传递的目标路径:', targetPath, '-> 子应用路径:', initialPath);
+      delete window.__MICRO_APP_TARGET_PATH__;
+    } else {
+      const browserPath = window.location.pathname;
+      if (browserPath.startsWith(ACTIVE_RULE)) {
+        initialPath = browserPath.replace(ACTIVE_RULE, '') || '/';
+        console.log('📍 使用浏览器路径:', browserPath, '-> 子应用路径:', initialPath);
+      }
+    }
+    await router.replace(initialPath);
+    
+    app = createApp(App);
+    app.use(router);
+    app.mount(container);
+    console.log('✅ ${appName} 子应用已挂载, 初始路径:', initialPath);
+    
+    const hostRouter = window.__MICRO_APP_ROUTER__;
+    if (hostRouter && router) {
+      stopWatchingRoute = hostRouter.afterEach((to) => {
+        if (to.path.startsWith(ACTIVE_RULE) && router) {
+          const subPath = to.path.replace(ACTIVE_RULE, '') || '/';
+          if (router.currentRoute.value.path !== subPath) {
+            console.log('🔄 子应用路由同步:', subPath);
+            router.replace(subPath);
+          }
+        }
+      });
+    }
+  } catch (error) { console.error('❌ 挂载失败:', error); }
+}
+
+async function unmount() {
+  if (stopWatchingRoute) { stopWatchingRoute(); stopWatchingRoute = null; }
+  if (app) { app.unmount(); app = null; router = null; console.log('✅ ${appName} 子应用已卸载'); }
+}
+
+window.__MICRO_APP_${appName.toUpperCase().replace(/-/g, '_')}__ = { mount, unmount };
+console.log('✅ ${appName} 子应用脚本已加载');
+`;
+    fs.writeFileSync(path.join(appDir, 'src/main.ts'), mainTs);
+    
+    // 生成 src/App.vue
+    const appVue = `<template>
+  <router-view />
+</template>
+
+<script setup>
+</script>
+`;
+    fs.writeFileSync(path.join(appDir, 'src/App.vue'), appVue);
+    
+    // 生成 src/router/index.ts
+    const routerTs = `import { createRouter, createWebHistory } from 'vue-router';
+import Home from '../views/Home.vue';
+
+const routes = [
+  {
+    path: '/',
+    redirect: '/home'
+  },
+  {
+    path: '/home',
+    name: 'Home',
+    component: Home
+  }
+];
+
+const router = createRouter({
+  history: createWebHistory('/${appName}/'),
+  routes
+});
+
+export default router;
+`;
+    fs.writeFileSync(path.join(appDir, 'src/router/index.ts'), routerTs);
+    
+    // 生成 src/views/Home.vue
+    const homeVue = `<template>
+  <div class="home">
+    <h1>${appName} 首页</h1>
+    <p>这是 ${appId} 功能包的首页</p>
+  </div>
+</template>
+
+<script setup>
+</script>
+
+<style scoped>
+.home {
+  padding: 20px;
+}
+</style>
+`;
+    fs.writeFileSync(path.join(appDir, 'src/views/Home.vue'), homeVue);
+    
+    // 生成 src/env.d.ts
+    const envDts = `/// <reference types="vite/client" />
+
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue';
+  const component: DefineComponent<{}, {}, any>;
+  export default component;
+}
+`;
+    fs.writeFileSync(path.join(appDir, 'src/env.d.ts'), envDts);
+    
+    spinner.succeed(chalk.green(`功能包 ${appId} 创建成功！`));
+    
+    console.log(chalk.cyan('\n下一步:'));
+    console.log(chalk.white(`  cd packages/${appId}`));
+    console.log(chalk.white(`  pnpm install`));
+    console.log(chalk.white(`  pnpm dev`));
+    console.log(chalk.gray(`\n端口: ${port}`));
+    console.log(chalk.gray(`路由: /${appName}`));
+    
+  } catch (error) {
+    spinner.fail(chalk.red('创建失败'));
+    console.error(error);
+  }
+}

package/lib/deploy.js

@@ -0,0 +1,252 @@
+import { execSync } from 'child_process';
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+import chalk from 'chalk';
+import ora from 'ora';
+import { NodeSSH } from 'node-ssh';
+import { SERVER_CONFIG } from './config.js';
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+// 获取项目路径
+function getPaths() {
+  const cliDir = path.resolve(__dirname, '..');
+  const packagesDir = path.resolve(cliDir, '..');
+  const microAppsDir = path.resolve(packagesDir, '..');
+  const distDir = path.resolve(microAppsDir, 'dist');
+  const hostDir = path.resolve(microAppsDir, '..', 'host');
+  
+  return { cliDir, packagesDir, microAppsDir, distDir, hostDir };
+}
+
+// 连接服务器
+async function connectSSH() {
+  const ssh = new NodeSSH();
+  const { cliDir } = getPaths();
+  const privateKeyPath = path.resolve(cliDir, '.ssh_key');
+  
+  if (!fs.existsSync(privateKeyPath)) {
+    throw new Error(`私钥文件不存在: ${privateKeyPath}\n请在 cli 目录下创建 .ssh_key 文件`);
+  }
+  
+  await ssh.connect({
+    host: SERVER_CONFIG.host,
+    port: SERVER_CONFIG.port,
+    username: SERVER_CONFIG.username,
+    privateKey: fs.readFileSync(privateKeyPath, 'utf8')
+  });
+  
+  return ssh;
+}
+
+// 上传目录
+async function uploadDirectory(ssh, localDir, remoteDir) {
+  // 确保远程目录存在
+  await ssh.execCommand(`mkdir -p ${remoteDir}`);
+  
+  const files = fs.readdirSync(localDir);
+  
+  for (const file of files) {
+    const localPath = path.join(localDir, file);
+    const remotePath = `${remoteDir}/${file}`;
+    const stat = fs.statSync(localPath);
+    
+    if (stat.isDirectory()) {
+      await uploadDirectory(ssh, localPath, remotePath);
+    } else {
+      await ssh.putFile(localPath, remotePath);
+    }
+  }
+}
+
+// 部署基座
+async function deployHost(ssh) {
+  const spinner = ora('部署基座...').start();
+  const { hostDir } = getPaths();
+  
+  // 检查基座目录
+  if (!fs.existsSync(hostDir)) {
+    spinner.fail(chalk.red('基座目录不存在'));
+    return false;
+  }
+  
+  try {
+    // 打包基座
+    spinner.text = '打包基座...';
+    execSync('pnpm build', { cwd: hostDir, stdio: 'pipe' });
+    
+    const hostDistDir = path.join(hostDir, 'dist');
+    const remotePath = SERVER_CONFIG.remotePath;
+    
+    // 备份
+    spinner.text = '备份远程文件...';
+    const timestamp = new Date().toISOString().replace(/[:.]/g, '-').slice(0, 19);
+    await ssh.execCommand(`cp -r ${remotePath} ${remotePath}_backup_${timestamp} 2>/dev/null || true`);
+    
+    // 清理基座文件（保留子应用目录和 apps-config.json）
+    spinner.text = '清理旧文件...';
+    await ssh.execCommand(`find ${remotePath} -maxdepth 1 -type f ! -name 'apps-config.json' -delete 2>/dev/null || true`);
+    await ssh.execCommand(`rm -rf ${remotePath}/assets 2>/dev/null || true`);
+    
+    // 上传基座文件
+    spinner.text = '上传基座文件...';
+    await uploadDirectory(ssh, hostDistDir, remotePath);
+    
+    spinner.succeed(chalk.green('基座部署成功'));
+    return true;
+  } catch (error) {
+    spinner.fail(chalk.red('基座部署失败'));
+    console.error(error.message);
+    return false;
+  }
+}
+
+// 部署功能包
+async function deployApp(ssh, appId) {
+  const spinner = ora(`部署 ${appId}...`).start();
+  const { distDir } = getPaths();
+  
+  const localAppDir = path.join(distDir, appId);
+  const remoteAppDir = `${SERVER_CONFIG.remotePath}/${appId}`;
+  
+  if (!fs.existsSync(localAppDir)) {
+    spinner.warn(chalk.yellow(`${appId} 未打包，跳过`));
+    return false;
+  }
+  
+  try {
+    // 清理远程目录
+    await ssh.execCommand(`rm -rf ${remoteAppDir}`);
+    
+    // 上传
+    await uploadDirectory(ssh, localAppDir, remoteAppDir);
+    
+    spinner.succeed(chalk.green(`${appId} 部署成功`));
+    return true;
+  } catch (error) {
+    spinner.fail(chalk.red(`${appId} 部署失败`));
+    console.error(error.message);
+    return false;
+  }
+}
+
+// 部署配置文件
+async function deployConfig(ssh) {
+  const spinner = ora('部署配置文件...').start();
+  const { distDir } = getPaths();
+  
+  const localConfigPath = path.join(distDir, 'apps-config.json');
+  const remoteConfigPath = `${SERVER_CONFIG.remotePath}/apps-config.json`;
+  
+  if (!fs.existsSync(localConfigPath)) {
+    spinner.fail(chalk.red('配置文件不存在'));
+    return false;
+  }
+  
+  try {
+    await ssh.putFile(localConfigPath, remoteConfigPath);
+    spinner.succeed(chalk.green('配置文件部署成功'));
+    return true;
+  } catch (error) {
+    spinner.fail(chalk.red('配置文件部署失败'));
+    console.error(error.message);
+    return false;
+  }
+}
+
+export async function deploy(appName, options = {}) {
+  const { packagesDir, distDir } = getPaths();
+  
+  // 只部署配置文件
+  if (options.configOnly) {
+    console.log(chalk.cyan('\n🚀 部署配置文件...\n'));
+    
+    const connectSpinner = ora('连接服务器...').start();
+    let ssh;
+    
+    try {
+      ssh = await connectSSH();
+      connectSpinner.succeed(chalk.green(`已连接 ${SERVER_CONFIG.host}`));
+    } catch (error) {
+      connectSpinner.fail(chalk.red('服务器连接失败'));
+      console.error(error.message);
+      return;
+    }
+    
+    try {
+      await deployConfig(ssh);
+      console.log(chalk.cyan('\n✅ 配置部署完成！\n'));
+    } finally {
+      ssh.dispose();
+    }
+    return;
+  }
+  
+  // 获取要部署的应用列表
+  let apps = [];
+  
+  if (appName) {
+    const appId = appName.startsWith('app-') ? appName : `app-${appName}`;
+    apps = [appId];
+  } else {
+    // 获取 dist 目录下所有已打包的应用
+    if (fs.existsSync(distDir)) {
+      const dirs = fs.readdirSync(distDir);
+      apps = dirs.filter(dir => {
+        const dirPath = path.join(distDir, dir);
+        return dir.startsWith('app-') && fs.existsSync(dirPath) && fs.statSync(dirPath).isDirectory();
+      });
+    }
+  }
+  
+  // 如果没有指定应用且没有 --host，提示用户
+  if (apps.length === 0 && !options.host) {
+    console.log(chalk.yellow('\n没有找到已打包的功能包'));
+    console.log(chalk.gray('请先运行 mf b 打包，或使用 mf d --host 部署基座\n'));
+    return;
+  }
+  
+  console.log(chalk.cyan('\n🚀 开始部署...\n'));
+  
+  // 连接服务器
+  const connectSpinner = ora('连接服务器...').start();
+  let ssh;
+  
+  try {
+    ssh = await connectSSH();
+    connectSpinner.succeed(chalk.green(`已连接 ${SERVER_CONFIG.host}`));
+  } catch (error) {
+    connectSpinner.fail(chalk.red('服务器连接失败'));
+    console.error(error.message);
+    return;
+  }
+  
+  try {
+    let success = true;
+    
+    // 部署基座
+    if (options.host) {
+      const hostResult = await deployHost(ssh);
+      success = success && hostResult;
+    }
+    
+    // 部署功能包
+    for (const app of apps) {
+      const appResult = await deployApp(ssh, app);
+      success = success && appResult;
+    }
+    
+    if (success) {
+      console.log(chalk.cyan('\n✅ 部署完成！'));
+      console.log(chalk.gray(`访问地址: http://${SERVER_CONFIG.host}:9091\n`));
+    } else {
+      console.log(chalk.yellow('\n⚠️ 部分部署失败，请检查日志\n'));
+    }
+    
+  } catch (error) {
+    console.error(chalk.red('\n❌ 部署失败:'), error.message);
+  } finally {
+    ssh.dispose();
+  }
+}

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@defuy/micro-cli",
+  "version": "1.0.0",
+  "description": "微前端脚手架工具",
+  "type": "module",
+  "main": "bin/micro.js",
+  "bin": {
+    "mf": "./bin/micro.js"
+  },
+  "files": [
+    "bin",
+    "lib"
+  ],
+  "keywords": [
+    "micro-frontend",
+    "cli",
+    "vue",
+    "vite",
+    "scaffold"
+  ],
+  "engines": {
+    "node": ">=18"
+  },
+  "dependencies": {
+    "commander": "^11.1.0",
+    "inquirer": "^9.2.12",
+    "chalk": "^5.3.0",
+    "ora": "^7.0.1",
+    "node-ssh": "^13.2.0"
+  }
+}