@4399ywkf/cli 0.0.4 → 0.0.7

package/bin/cli.js

@@ -52,9 +52,11 @@ function printFinalInstructions(projectName) {
     chalk.cyan("接下来的步骤："),
     chalk.gray("  1. 进入项目目录"),
     chalk.white(`     cd ${projectName}`),
-    chalk.gray("  2. 安装依赖"),
+    chalk.gray("  2. 切换Node版本"),
+    chalk.white("     nvm use"),
+    chalk.gray("  3. 安装依赖"),
     chalk.white("     pnpm i"),
-    chalk.gray("  3. 启动项目"),
+    chalk.gray("  4. 启动项目"),
     chalk.white("     pnpm start"),
     "",
     chalk.magenta("🚀 开始你的开发之旅吧！"),
@@ -84,6 +86,148 @@ function cloneRepository(repoUrl, destination) {
   });
 }
 
+// 新添加：更新环境模板文件
+async function updateEnvTemplate(filePath, config) {
+  try {
+    // 读取模板文件内容
+    let templateContent = await fs.readFile(filePath, "utf8");
+
+    // 替换模板变量
+    const replacements = {
+      "{{APP_CNAME}}": `${config.appCname}`,
+      "{{APP_NAME}}": `${config.appName}`,
+      "{{SENTRY_ENABLED}}": `${config.sentryEnabled ? "true" : "false"}`,
+      "{{SENTRY_DSN}}": `${config.sentryDsn}`,
+    };
+
+    // 执行替换
+    for (const [placeholder, value] of Object.entries(replacements)) {
+      templateContent = templateContent.replace(
+        new RegExp(placeholder, "g"),
+        value
+      );
+    }
+
+    // 写回文件
+    await fs.writeFile(filePath, templateContent, "utf8");
+  } catch (error) {
+    throw new Error(`更新模板文件失败: ${error.message}`);
+  }
+}
+
+// 配置 webpack 子应用的环境变量（填充模板）
+async function configureWebpackSubApp(projectPath, projectName) {
+  printInfo("正在配置 Webpack 子应用环境变量...");
+
+  const envFilePath = path.join(projectPath, "config", "env", ".env.public");
+
+  // 检查模板文件是否存在
+  if (!fs.existsSync(envFilePath)) {
+    printWarning("未找到 .env.public 模板文件，跳过配置");
+    return;
+  }
+
+  // 询问用户配置选项
+  const { configureEnv } = await inquirer.prompt({
+    type: "confirm",
+    name: "configureEnv",
+    message: chalk.cyan("🔧 是否要自定义应用配置？"),
+    default: true,
+  });
+
+  if (!configureEnv) {
+    // 如果不配置，使用默认值填充模板
+    const defaultConfig = {
+      appCname: projectName.toLowerCase().replace(/[^a-z0-9-]/g, "-"),
+      appName: projectName
+        .toLowerCase()
+        .replace(/[^a-z0-9-]/g, "-")
+        .split("-")
+        .map((word, index) =>
+          index === 0 ? word : word.charAt(0).toUpperCase() + word.slice(1)
+        )
+        .join(""),
+      outputPath: "dist",
+      publicPath: "/",
+    };
+
+    await updateEnvTemplate(envFilePath, defaultConfig);
+    printInfo("已使用默认配置填充模板");
+    return;
+  }
+
+  // 获取用户输入的配置
+  const config = await inquirer.prompt([
+    {
+      type: "input",
+      name: "appName",
+      message: chalk.cyan("📝 请输入应用代码名称(APP_NAME)："),
+      default: projectName.toLowerCase().replace(/[^a-z0-9-_]/g, "-"),
+      validate: (input) => {
+        if (!input.trim()) {
+          return "应用代码名称不能为空！";
+        }
+        if (!/^[a-z0-9-_]+$/.test(input)) {
+          return "应用代码名称只能包含小写字母、数字、横线和下划线！";
+        }
+        return true;
+      },
+    },
+    {
+      type: "input",
+      name: "appCname",
+      message: chalk.cyan("📝 请输入应用名称 (APP_CNAME)："),
+      default: projectName.toLowerCase().replace(/[^a-z0-9-_]/g, "-"),
+      validate: (input) => {
+        if (!input.trim()) {
+          return "应用名称不能为空！";
+        }
+
+        // 支持中文、英文、数字、横线、下划线，必须以字母或中文开头
+        if (
+          !/^[\u4e00-\u9fff\u3400-\u4dbfa-zA-Z][\u4e00-\u9fff\u3400-\u4dbfa-zA-Z0-9_-]*$/.test(
+            input
+          )
+        ) {
+          return "应用名称必须以中文或字母开头，可包含中文、字母、数字、横线和下划线！";
+        }
+
+        return true;
+      },
+    },
+    {
+      type: "confirm",
+      name: "sentryEnabled",
+      message: chalk.cyan("📝 是否开启 Sentry？"),
+      default: true,
+    },
+    // 如果开启 sentry 则需要输入 sentry 的 dsn
+    {
+      type: "input",
+      name: "sentryDsn",
+      message: chalk.cyan("📝 请输入 Sentry 的 DSN："),
+      default: "https://207b65a59562963635abde2cfce82651@sentry.gz4399.com/28",
+      when: (answers) => answers.sentryEnabled,
+    },
+  ]);
+
+  try {
+    // 更新模板文件
+    await updateEnvTemplate(envFilePath, config);
+    printSuccess(`已更新环境配置文件：${chalk.bold(".env.public")}`);
+
+    // 显示配置信息
+    console.log();
+    printInfo("应用配置信息：");
+    console.log(chalk.gray(`  应用代码名称: ${chalk.white(config.appCname)}`));
+    console.log(chalk.gray(`  应用名称: ${chalk.white(config.appName)}`));
+    console.log();
+  } catch (error) {
+    printError(`更新环境配置文件失败：${error.message}`);
+    throw error;
+  }
+}
+
 program
   .command("create [projectName]")
   .description("创建模版")
@@ -184,11 +328,13 @@ program
 
     // 4. 选择模版
     let projectTemplate;
+
     if (options.template) {
-      projectTemplate = templates[toolType][appDirection].find(
+      const foundTemplate = templates[toolType][appDirection].find(
         (template) => template.name === options.template
-      )?.value;
-      if (projectTemplate) {
+      );
+      if (foundTemplate) {
+        projectTemplate = foundTemplate.value;
         printSuccess(`使用指定模版：${chalk.bold(options.template)}`);
       } else {
         printWarning(`未找到指定模版 "${options.template}"，请重新选择`);
@@ -196,16 +342,24 @@ program
     }
 
     if (!projectTemplate) {
-      const { template } = await inquirer.prompt({
-        type: "list",
-        name: "template",
-        message: chalk.cyan("📋 请选择模版："),
-        choices: templates[toolType][appDirection].map((t) => ({
-          name: `${chalk.white(t.name)}`,
-          value: t.value,
-        })),
-      });
-      projectTemplate = template;
+      const availableTemplates = templates[toolType][appDirection];
+
+      // 如果只有一个模版，直接使用它
+      if (availableTemplates.length === 1) {
+        projectTemplate = availableTemplates[0].value;
+      } else {
+        // 多个模版时让用户选择
+        const { template } = await inquirer.prompt({
+          type: "list",
+          name: "template",
+          message: chalk.cyan("📋 请选择模版："),
+          choices: availableTemplates.map((t) => ({
+            name: `${chalk.white(t.name)}`,
+            value: t.value,
+          })),
+        });
+        projectTemplate = template;
+      }
     }
 
     console.log(); // 空行
@@ -250,6 +404,12 @@ program
         printSuccess("已清理 .git 文件夹");
       }
 
+      // 新添加：如果是 webpack 子应用，进行环境配置
+      if (toolType === "webpack" && appDirection === "sub") {
+        console.log(); // 空行
+        await configureWebpackSubApp(dest, projectName);
+      }
+
       console.log(); // 空行
       printFinalInstructions(projectName);
     } catch (error) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@4399ywkf/cli",
-  "version": "0.0.4",
+  "version": "0.0.7",
   "description": "运维开发部脚手架",
   "main": "index.js",
   "bin": {