nativescript-web-adapter 0.1.5 → 0.1.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nativescript-web-adapter",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "Web adapter for NativeScript applications",
   "type": "module",
   "main": "./dist/nativescript-web-adapter.umd.js",
@@ -19,6 +19,7 @@
     "build": "vite build",
     "preview": "vite preview",
     "type-check": "vue-tsc --noEmit",
+    "test": "vitest run",
     "prepublishOnly": "npm run build"
   },
   "bin": {
@@ -28,20 +29,49 @@
     "dist",
     "tools",
     "templates",
-    "core"
+    "core",
+    "angular"
   ],
   "dependencies": {
-    "vue": "^3.4.0",
-    "commander": "^11.0.0"
+    "commander": "^11.0.0",
+    "vue": "^3.0.0"
   },
   "devDependencies": {
+    "@angular/common": "^18.2.0",
+    "@angular/core": "^18.2.0",
+    "@angular/platform-browser": "^18.2.0",
+    "@angular/router": "^18.2.0",
     "@types/node": "^20.0.0",
-    "typescript": "^5.0.0",
     "@vitejs/plugin-vue": "^5.0.0",
+    "rxjs": "^7.8.1",
+    "typescript": "^5.0.0",
     "vite": "^5.0.0",
-    "vue-tsc": "^1.8.0"
+    "vitest": "^2.1.8",
+    "vue-tsc": "^2.2.12"
   },
   "peerDependencies": {
-    "vue": "^3.0.0"
+    "vue": "^3.0.0",
+    "@angular/core": "^18.0.0",
+    "@angular/common": "^18.0.0",
+    "@angular/platform-browser": "^18.0.0",
+    "@angular/router": "^18.0.0",
+    "rxjs": "^7.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@angular/core": {
+      "optional": true
+    },
+    "@angular/common": {
+      "optional": true
+    },
+    "@angular/platform-browser": {
+      "optional": true
+    },
+    "@angular/router": {
+      "optional": true
+    },
+    "rxjs": {
+      "optional": true
+    }
   }
 }

package/tools/cli.cjs

@@ -18,11 +18,11 @@ program
 
 program
   .command('build')
-  .description('生成 Vue 平台并在 platforms/vue 内构建')
+  .description('根据项目配置自动选择框架并在对应 platforms/<framework> 内构建')
   .option('--skip-install', '跳过依赖安装')
   .action(async (opts) => {
-    await createWebPlatform();
-    const webDir = path.join(process.cwd(), 'platforms', 'vue');
+    const res = await createWebPlatform();
+    const webDir = res?.webDir || path.join(process.cwd(), 'platforms', 'vue');
     if (!opts.skipInstall) {
       execSync('npm install', { stdio: 'inherit', cwd: webDir });
     }
@@ -34,7 +34,7 @@ program
   .description('生成 Vue 平台并在 platforms/vue 内启动开发服务器')
   .option('--skip-install', '跳过依赖安装')
   .action(async (opts) => {
-    await createWebPlatform();
+    await createWebPlatform({ framework: 'vue' });
     const webDir = path.join(process.cwd(), 'platforms', 'vue');
     if (!opts.skipInstall) {
       execSync('npm install', { stdio: 'inherit', cwd: webDir });
@@ -42,6 +42,19 @@ program
     execSync('npm run dev', { stdio: 'inherit', cwd: webDir });
   });
 
+program
+  .command('angular')
+  .description('生成 Angular 平台并在 platforms/angular 内执行构建')
+  .option('--skip-install', '跳过依赖安装')
+  .action(async (opts) => {
+    const res = await createWebPlatform({ framework: 'angular' });
+    const webDir = res?.webDir || path.join(process.cwd(), 'platforms', 'angular');
+    if (!opts.skipInstall) {
+      execSync('npm install', { stdio: 'inherit', cwd: webDir });
+    }
+    execSync('npm run build', { stdio: 'inherit', cwd: webDir });
+  });
+
 program
   .command('nuxt')
   .description('生成 Nuxt 平台并在 platforms/nuxt 内执行构建')

package/tools/create-web-platform.cjs

@@ -14,52 +14,57 @@ function createWebPlatform(options = {}) {
   // 当作为 node_modules 使用时，项目根应为当前工作目录
   const projectRoot = options.projectRoot ? path.resolve(options.projectRoot) : process.cwd();
   const platformsDir = path.join(projectRoot, 'platforms');
-  const webDir = path.join(platformsDir, 'vue');
+  const framework = options.framework || detectFramework(projectRoot);
+  const webDir = path.join(platformsDir, framework);
   const srcDir = path.join(projectRoot, 'src');
 
   console.log('[web-adapter] 项目根目录:', projectRoot);
   console.log('[web-adapter] platforms 目录:', platformsDir);
-  console.log('[web-adapter] vue 目录:', webDir);
+  console.log('[web-adapter] framework:', framework);
+  console.log('[web-adapter] web 目录:', webDir);
   console.log('[web-adapter] src 目录:', srcDir);
 
   try {
     if (!fs.existsSync(webDir)) {
       fs.mkdirSync(webDir, { recursive: true });
-      console.log('[web-adapter] 已创建 vue 目录');
+      console.log('[web-adapter] 已创建 web 目录');
     } else {
-      console.log('[web-adapter] vue 目录已存在');
+      console.log('[web-adapter] web 目录已存在');
     }
 
     // 1) 复制源码（仅脚本层转换，保留模板标签）
-    copy.copySourceFiles(srcDir, path.join(webDir, 'src'), transform.transformContent);
+    copy.copySourceFiles(srcDir, path.join(webDir, 'src'), (c, p) => transform.transformContent(c, p, framework));
     console.log('[web-adapter] 已复制 src 源代码');
 
     // 2) 复制适配器 web 组件与 composables
-    const adapterComponentsDir = path.join(adapterDir, 'core', 'components');
+    const adapterComponentsDir =
+      framework === 'angular' ? path.join(adapterDir, 'angular', 'components') : path.join(adapterDir, 'core', 'components');
     const targetComponentsDir = path.join(webDir, 'src', 'components', 'websfc');
     copy.copyAdapterComponents(adapterComponentsDir, targetComponentsDir);
     console.log('[web-adapter] 已复制适配器组件到 websfc');
 
-    const adapterComposablesDir = path.join(adapterDir, 'core', 'composables');
+    const adapterComposablesDir =
+      framework === 'angular' ? path.join(adapterDir, 'angular', 'composables') : path.join(adapterDir, 'core', 'composables');
     const targetComposablesDir = path.join(webDir, 'src', 'composables', 'websfc');
     copy.copyAdapterComposables(adapterComposablesDir, targetComposablesDir);
     console.log('[web-adapter] 已复制适配器 composables 到 websfc');
 
     // 3) 写入 web 项目模板（index.html、package.json、vite.config、postcss、tailwind、App.vue）
-    templates.createWebPlatformFiles(webDir);
+    templates.createWebPlatformFiles(webDir, { framework });
     console.log('[web-adapter] 已生成 web 平台模板与配置');
 
-    // 4) 生成路由（根据 pages 目录）
-    const routerDirPath = path.join(webDir, 'src', 'router');
-    if (!fs.existsSync(routerDirPath)) {
-      fs.mkdirSync(routerDirPath, { recursive: true });
+    if (framework === 'vue') {
+      const routerDirPath = path.join(webDir, 'src', 'router');
+      if (!fs.existsSync(routerDirPath)) {
+        fs.mkdirSync(routerDirPath, { recursive: true });
+      }
+      const routerContent = routerGen.buildRouterFromPages(webDir);
+      fs.writeFileSync(path.join(routerDirPath, 'index.ts'), routerContent, 'utf8');
+      console.log('[web-adapter] 已创建路由配置');
+      appPatch.patchAppForWeb(webDir);
+    } else if (framework === 'angular') {
+      appPatch.patchAngularAppForWeb(webDir);
     }
-    const routerContent = routerGen.buildRouterFromPages(webDir);
-    fs.writeFileSync(path.join(routerDirPath, 'index.ts'), routerContent, 'utf8');
-    console.log('[web-adapter] 已创建路由配置');
-
-    // 5) 修补 app.ts：注册所有 Web 适配组件并挂载应用
-    appPatch.patchAppForWeb(webDir);
     console.log('[web-adapter] 正在安装依赖项...');
 
     // 如需安装依赖，可在此调用（默认跳过以加快生成速度）
@@ -67,6 +72,23 @@ function createWebPlatform(options = {}) {
   } catch (err) {
     console.error('[web-adapter] 生成 web 平台时出错:', err);
   }
+  return { framework, webDir };
+}
+
+function detectFramework(projectRoot) {
+  try {
+    const pkgPath = path.join(projectRoot, 'package.json');
+    if (fs.existsSync(pkgPath)) {
+      const pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf8'));
+      const configured = pkg?.nsWeb?.framework;
+      if (configured === 'vue' || configured === 'angular') return configured;
+
+      const deps = { ...(pkg.dependencies || {}), ...(pkg.devDependencies || {}), ...(pkg.peerDependencies || {}) };
+      if (deps['@nativescript/angular']) return 'angular';
+      if (deps['nativescript-vue']) return 'vue';
+    }
+  } catch {}
+  return 'vue';
 }
 
 module.exports = { createWebPlatform };

package/tools/modules/appPatch.cjs

@@ -24,4 +24,128 @@ function patchAppForWeb(webDir) {
   }
 }
 
-module.exports = { patchAppForWeb };
+function patchAngularAppForWeb(webDir) {
+  try {
+    const srcDir = path.join(webDir, 'src');
+    const appDir = path.join(srcDir, 'app');
+    if (!fs.existsSync(appDir)) {
+      console.warn('[web-adapter] 未找到 src/app，跳过 Angular 修补');
+      return;
+    }
+
+    const appHtml = path.join(appDir, 'app.component.html');
+    if (fs.existsSync(appHtml)) {
+      const html = fs.readFileSync(appHtml, 'utf8');
+      const next = html.replace(/<\s*page-router-outlet\s*><\s*\/\s*page-router-outlet\s*>/g, '<router-outlet></router-outlet>');
+      if (next !== html) fs.writeFileSync(appHtml, next, 'utf8');
+    }
+
+    const componentFiles = [];
+    walkFiles(appDir, (p) => {
+      if (p.endsWith('.component.ts')) componentFiles.push(p);
+    });
+
+    for (const filePath of componentFiles) {
+      let content = fs.readFileSync(filePath, 'utf8');
+
+      content = content.replace(/import\s+\{\s*PageRouterOutlet\s*\}\s+from\s+['"]@nativescript\/angular['"]\s*;?/g, "import { RouterOutlet } from '@angular/router';");
+      content = content.replace(/\bPageRouterOutlet\b/g, 'RouterOutlet');
+      content = content.replace(/<\s*page-router-outlet\b/g, '<router-outlet');
+      content = content.replace(/<\/\s*page-router-outlet\s*>/g, '</router-outlet>');
+
+      content = removeImportsFromModule(content, '@nativescript/angular');
+
+      if (/\bRouterOutlet\b/.test(content) && !/import\s+\{[^}]*\bRouterOutlet\b[^}]*\}\s+from\s+['"]@angular\/router['"]/.test(content)) {
+        content = `import { RouterOutlet } from '@angular/router';\n` + content;
+      }
+
+      if (/\bNativeScriptCommonModule\b/.test(content)) {
+        if (!/from\s+['"]@angular\/common['"]/.test(content)) {
+          content = `import { CommonModule } from '@angular/common';\n` + content;
+        }
+        content = content.replace(/\bNativeScriptCommonModule\b/g, 'CommonModule');
+      }
+
+      if (/\bNativeScriptRouterModule\b/.test(content)) {
+        if (!/from\s+['"]@angular\/router['"]/.test(content)) {
+          content = `import { RouterModule } from '@angular/router';\n` + content;
+        }
+        content = content.replace(/\bNativeScriptRouterModule\b/g, 'RouterModule');
+      }
+
+      const rel = toPosix(path.relative(path.dirname(filePath), path.join(srcDir, 'components', 'websfc')));
+      const importPath = rel.startsWith('.') ? rel : `./${rel}`;
+      if (!/nsWebAdapterImports/.test(content)) {
+        content = `import { imports as nsWebAdapterImports } from '${importPath}';\n` + content;
+      }
+
+      if (/imports\s*:\s*\[/.test(content)) {
+        content = content.replace(/imports\s*:\s*\[([\s\S]*?)\]/m, (m, inner) => {
+          if (/\.\.\.\s*nsWebAdapterImports/.test(inner)) return m;
+          const trimmed = inner.trim();
+          const suffix = trimmed.endsWith(',') || trimmed.length === 0 ? '' : ',';
+          return `imports: [${inner}${suffix} ...nsWebAdapterImports]`;
+        });
+      } else {
+        content = content.replace(/schemas\s*:\s*\[/m, `imports: [...nsWebAdapterImports],\n  schemas: [`);
+        if (!/imports\s*:\s*\[/.test(content)) {
+          content = content.replace(/templateUrl\s*:\s*['"][^'"]+['"]\s*,/m, (m) => `${m}\n  imports: [...nsWebAdapterImports],`);
+        }
+      }
+
+      if (/@Component\(\{[\s\S]*?\bimports\s*:/.test(content) && !/@Component\(\{[\s\S]*?\bstandalone\s*:/.test(content)) {
+        if (/\bselector\s*:/.test(content)) {
+          content = content.replace(/(\bselector\s*:\s*['"][^'"]+['"]\s*,)/, '$1\n  standalone: true,');
+        } else {
+          content = content.replace(/@Component\(\{\s*\n?/, (m) => `${m}  standalone: true,\n`);
+        }
+      }
+
+      fs.writeFileSync(filePath, content, 'utf8');
+    }
+  } catch (err) {
+    console.error('[web-adapter] 修补 Angular 应用时出错:', err);
+  }
+}
+
+function removeImportsFromModule(code, moduleName) {
+  const lines = String(code || '').split(/\r?\n/);
+  const out = [];
+  for (let i = 0; i < lines.length; i++) {
+    const line = lines[i];
+    if (/^\s*import\b/.test(line)) {
+      const stmtLines = [line];
+      while (i < lines.length - 1 && !/;\s*$/.test(lines[i])) {
+        i++;
+        stmtLines.push(lines[i]);
+      }
+      const stmt = stmtLines.join('\n');
+      if (new RegExp(`from\\s+['"]${escapeRegExp(moduleName)}['"]`).test(stmt)) {
+        continue;
+      }
+      out.push(...stmtLines);
+      continue;
+    }
+    out.push(line);
+  }
+  return out.join('\n');
+}
+
+function walkFiles(dir, onFile) {
+  const entries = fs.readdirSync(dir, { withFileTypes: true });
+  for (const entry of entries) {
+    const p = path.join(dir, entry.name);
+    if (entry.isDirectory()) walkFiles(p, onFile);
+    else onFile(p);
+  }
+}
+
+function toPosix(p) {
+  return p.split(path.sep).join('/');
+}
+
+function escapeRegExp(str) {
+  return String(str).replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+}
+
+module.exports = { patchAppForWeb, patchAngularAppForWeb };

package/tools/modules/templates.cjs

@@ -1,35 +1,134 @@
 const fs = require('fs');
 const path = require('path');
 
-function createWebPlatformFiles(webDir) {
+function createWebPlatformFiles(webDir, options = {}) {
+  const framework = options.framework || 'vue';
   const projectRoot = path.dirname(path.dirname(webDir));
-  // 创建或更新 package.json
-  fs.writeFileSync(path.join(webDir, 'package.json'), JSON.stringify({
-    "name": "web-platform",
-    "version": "1.0.0",
-    "private": true,
-    "scripts": {
-      "dev": "vite",
-      "build": "vue-tsc --noEmit && vite build",
-      "preview": "vite preview"
+
+  const srcDir = path.join(webDir, 'src');
+  if (!fs.existsSync(srcDir)) fs.mkdirSync(srcDir, { recursive: true });
+
+  const packageJson = buildPackageJson(framework);
+  fs.writeFileSync(path.join(webDir, 'package.json'), JSON.stringify(packageJson, null, 2));
+
+  const indexHtml = buildIndexHtml(framework);
+  fs.writeFileSync(path.join(webDir, 'index.html'), indexHtml);
+
+  const viteConfig = buildViteConfig(framework);
+  fs.writeFileSync(path.join(webDir, 'vite.config.ts'), viteConfig);
+
+  if (framework === 'angular') {
+    writeAngularTsconfigs(webDir);
+  }
+
+  copyOrWritePostcssAndTailwind(projectRoot, webDir, framework);
+
+  if (framework === 'vue') {
+    const appVueContent = `<template>
+  <router-view></router-view>
+</template>`;
+    fs.writeFileSync(path.join(srcDir, 'App.vue'), appVueContent, 'utf8');
+  }
+}
+
+function writeAngularTsconfigs(webDir) {
+  const tsconfig = {
+    compilerOptions: {
+      target: 'ES2022',
+      useDefineForClassFields: true,
+      module: 'ESNext',
+      moduleResolution: 'Bundler',
+      experimentalDecorators: true,
+      strict: true,
+      skipLibCheck: true,
+      lib: ['ES2022', 'DOM'],
+      types: [],
     },
-    "dependencies": {
-      "vue": "^3.3.4",
-      "vue-router": "^4.2.5"
+    angularCompilerOptions: {
+      strictTemplates: false,
+      strictInjectionParameters: false,
     },
-    "devDependencies": {
-      "@vitejs/plugin-vue": "^4.2.3",
-      "typescript": "^5.0.2",
-      "vite": "^4.4.5",
-      "vue-tsc": "^1.8.5",
-      "autoprefixer": "^10.4.16",
-      "postcss": "^8.4.31",
-      "tailwindcss": "^3.4.0"
-    }
-  }, null, 2));
+  };
+  fs.writeFileSync(path.join(webDir, 'tsconfig.json'), JSON.stringify(tsconfig, null, 2));
+
+  const appTsconfig = {
+    extends: './tsconfig.json',
+    include: ['src/**/*.ts'],
+  };
+  fs.writeFileSync(path.join(webDir, 'tsconfig.app.json'), JSON.stringify(appTsconfig, null, 2));
+}
+
+function buildPackageJson(framework) {
+  if (framework === 'angular') {
+    return {
+      name: 'ns-angular-web-platform',
+      private: true,
+      scripts: {
+        dev: 'vite',
+        build: 'vite build',
+        preview: 'vite preview',
+      },
+      dependencies: {
+        '@angular/common': '^18.2.0',
+        '@angular/core': '^18.2.0',
+        '@angular/platform-browser': '^18.2.0',
+        '@angular/router': '^18.2.0',
+        rxjs: '^7.8.1',
+        'zone.js': '^0.14.10',
+      },
+      devDependencies: {
+        '@angular/build': '^18.2.0',
+        '@analogjs/vite-plugin-angular': '^1.8.0',
+        typescript: '^5.0.0',
+        vite: '^6.0.0',
+        autoprefixer: '^10.4.16',
+        postcss: '^8.4.31',
+        tailwindcss: '^3.4.0',
+      },
+    };
+  }
+
+  return {
+    name: 'ns-vue-web-platform',
+    private: true,
+    scripts: {
+      dev: 'vite',
+      build: 'vue-tsc --noEmit && vite build',
+      preview: 'vite preview',
+    },
+    dependencies: {
+      vue: '^3.4.0',
+      'vue-router': '^4.2.5',
+    },
+    devDependencies: {
+      '@vitejs/plugin-vue': '^5.0.0',
+      typescript: '^5.0.0',
+      vite: '^5.0.0',
+      'vue-tsc': '^2.2.12',
+      autoprefixer: '^10.4.16',
+      postcss: '^8.4.31',
+      tailwindcss: '^3.4.0',
+    },
+  };
+}
+
+function buildIndexHtml(framework) {
+  if (framework === 'angular') {
+    return `<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>NS Angular Web</title>
+  </head>
+  <body>
+    <ns-app></ns-app>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>`;
+  }
 
-  // index.html
-  fs.writeFileSync(path.join(webDir, 'index.html'), `<!DOCTYPE html>
+  return `<!DOCTYPE html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
@@ -40,34 +139,32 @@ function createWebPlatformFiles(webDir) {
     <div id="app"></div>
     <script type="module" src="/src/app.ts"></script>
   </body>
-</html>`);
+</html>`;
+}
 
-  // vite.config.ts
-  const packageJson = { 
-    name: "ns-vue-web-platform",
-    private: true,
-    scripts: {
-      dev: "vite",
-      build: "vite build"
-    },
-    dependencies: {
-      "vue": "^3.4.0",
-      "vue-router": "^4.2.5"
-    },
-    devDependencies: {
-      "@vitejs/plugin-vue": "^5.0.0",
-      "typescript": "^5.0.0",
-      "vite": "^5.0.0",
-      "autoprefixer": "^10.4.16",
-      "postcss": "^8.4.31",
-      "tailwindcss": "^3.4.0"
+function buildViteConfig(framework) {
+  if (framework === 'angular') {
+    return `import { defineConfig } from 'vite';
+import path from 'path';
+
+export default defineConfig(async () => {
+  const { default: angular } = await import('@analogjs/vite-plugin-angular');
+  return {
+    plugins: [angular()],
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, './src')
     }
+  },
+  server: {
+    port: 3006,
+    strictPort: false
+  }
   };
-  fs.writeFileSync(
-    path.join(webDir, 'package.json'),
-    JSON.stringify(packageJson, null, 2)
-  );
-  const viteConfig = `import { defineConfig } from 'vite';
+});`;
+  }
+
+  return `import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue';
 import path from 'path';
 
@@ -83,48 +180,28 @@ export default defineConfig({
     strictPort: false
   }
 });`;
-  fs.writeFileSync(path.join(webDir, 'vite.config.ts'), viteConfig);
+}
 
-  // postcss & tailwind configs: 复用根配置（如果存在），否则写默认
+function copyOrWritePostcssAndTailwind(projectRoot, webDir, framework) {
   const rootPostcss = path.join(projectRoot, 'postcss.config.js');
   const rootTailwind = path.join(projectRoot, 'tailwind.config.js');
+
+  const defaultPostcss = `module.exports = {\n  plugins: {\n    tailwindcss: {},\n    autoprefixer: {},\n  },\n};`;
+  const defaultTailwind = `/** @type {import('tailwindcss').Config} */\nmodule.exports = {\n  content: [\n    \"./index.html\",\n    \"./src/**/*.{${framework === 'angular' ? 'html,ts,js,jsx,tsx' : 'vue,js,ts,jsx,tsx'}}\",\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n};`;
+
   try {
-    if (fs.existsSync(rootPostcss)) {
-      fs.copyFileSync(rootPostcss, path.join(webDir, 'postcss.config.js'));
-    } else {
-      const postcssConfig = `module.exports = {\n  plugins: {\n    tailwindcss: {},\n    autoprefixer: {},\n  },\n};`;
-      fs.writeFileSync(path.join(webDir, 'postcss.config.js'), postcssConfig);
-    }
+    if (fs.existsSync(rootPostcss)) fs.copyFileSync(rootPostcss, path.join(webDir, 'postcss.config.js'));
+    else fs.writeFileSync(path.join(webDir, 'postcss.config.js'), defaultPostcss);
   } catch (e) {
-    console.warn('[web-adapter] 复制 postcss 配置失败，使用默认:', e?.message);
-    const postcssConfig = `module.exports = {\n  plugins: {\n    tailwindcss: {},\n    autoprefixer: {},\n  },\n};`;
-    fs.writeFileSync(path.join(webDir, 'postcss.config.js'), postcssConfig);
+    fs.writeFileSync(path.join(webDir, 'postcss.config.js'), defaultPostcss);
   }
+
   try {
-    if (fs.existsSync(rootTailwind)) {
-      fs.copyFileSync(rootTailwind, path.join(webDir, 'tailwind.config.js'));
-    } else {
-      const tailwindConfig = `/** @type {import('tailwindcss').Config} */\nmodule.exports = {\n  content: [\n    "./index.html",\n    "./src/**/*.{vue,js,ts,jsx,tsx}",\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n};`;
-      fs.writeFileSync(path.join(webDir, 'tailwind.config.js'), tailwindConfig);
-    }
+    if (fs.existsSync(rootTailwind)) fs.copyFileSync(rootTailwind, path.join(webDir, 'tailwind.config.js'));
+    else fs.writeFileSync(path.join(webDir, 'tailwind.config.js'), defaultTailwind);
   } catch (e) {
-    console.warn('[web-adapter] 复制 tailwind 配置失败，使用默认:', e?.message);
-    const tailwindConfig = `/** @type {import('tailwindcss').Config} */\nmodule.exports = {\n  content: [\n    "./index.html",\n    "./src/**/*.{vue,js,ts,jsx,tsx}",\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n};`;
-    fs.writeFileSync(path.join(webDir, 'tailwind.config.js'), tailwindConfig);
+    fs.writeFileSync(path.join(webDir, 'tailwind.config.js'), defaultTailwind);
   }
-
-  // App.vue（根组件占位，仅渲染 <router-view/>）
-  const appVueContent = `<template>
-  <router-view></router-view>
-</template>
-
-<script setup lang="ts">
-// App root component
-</script>`;
-  const appVuePath = path.join(webDir, 'src', 'App.vue');
-  const srcDir = path.join(webDir, 'src');
-  if (!fs.existsSync(srcDir)) fs.mkdirSync(srcDir, { recursive: true });
-  fs.writeFileSync(appVuePath, appVueContent, 'utf8');
 }
 
-module.exports = { createWebPlatformFiles };
+module.exports = { createWebPlatformFiles };