🔧chore(feature): 添加lighthouse命令

Author: OSpoon

README.md

@@ -18,19 +18,20 @@ npm i -g code-genius
 
 ## 终端命令
 
-| 命令     | 参数                                                                | 默认值    | 功能描述                                            |
-| -------- | ------------------------------------------------------------------- | --------- | --------------------------------------------------- |
-| commit   | --no-emoji                                                          | true      | 生成 angualr 规范的提交信息                         |
-| verify   | --                                                                  | --        | 校验 COMMIT_EDITMSG 中的信息是否符合 Angualr 规范   |
-| clear    | --pattern \<pattern\>                                               | './dist/' | 运行 rimraf 删除不再需要的文件或文件夹              |
-| hooks    | --                                                                  | --        | 新增或修改 simple-git-hooks 配置后需要重新初始化    |
-| depcheck | --                                                                  | --        | 运行 npm-check 检查过时的、不正确的和未使用的依赖项 |
-| run      | --                                                                  | --        | 列出可以运行的全部脚本                              |
-| registry | --                                                                  | --        | 切换 NPM 镜像地址                                   |
-| fix      | --pattern \<pattern\>                                               | './src'   | 运行 eslint 静态扫描和修复代码中存在的问题          |
-| format   | --pattern \<pattern\>                                               | ./src'    | 运行 prettier 格式化代码风格                        |
-| create   | --                                                                  | --        | 运行 npm create 快速创建基础项目                    |
-| template | -n, --project-name \<project-name\>, -f, --framework \<framework\>, | --        | 快速创建 CodeGenius 基础项目                        |
+| 命令       | 参数                                                                | 默认值    | 功能描述                                            |
+| ---------- | ------------------------------------------------------------------- | --------- | --------------------------------------------------- |
+| commit     | --no-emoji                                                          | true      | 生成 angualr 规范的提交信息                         |
+| verify     | --                                                                  | --        | 校验 COMMIT_EDITMSG 中的信息是否符合 Angualr 规范   |
+| clear      | --pattern \<pattern\>                                               | './dist/' | 运行 rimraf 删除不再需要的文件或文件夹              |
+| hooks      | --                                                                  | --        | 新增或修改 simple-git-hooks 配置后需要重新初始化    |
+| depcheck   | --                                                                  | --        | 运行 npm-check 检查过时的、不正确的和未使用的依赖项 |
+| run        | --                                                                  | --        | 列出可以运行的全部脚本                              |
+| registry   | --                                                                  | --        | 切换 NPM 镜像地址                                   |
+| fix        | --pattern \<pattern\>                                               | './src'   | 运行 eslint 静态扫描和修复代码中存在的问题          |
+| format     | --pattern \<pattern\>                                               | ./src'    | 运行 prettier 格式化代码风格                        |
+| create     | --                                                                  | --        | 运行 npm create 快速创建基础项目                    |
+| template   | -n, --project-name \<project-name\>, -f, --framework \<framework\>, | --        | 快速创建 CodeGenius 基础项目                        |
+| lighthouse | --url \<url\>                                                       | --        | 运行 lighthouse 分析及收集 Web 应用的性能指标       |
 
 ## 执照
 

src/command/lighthouse.ts

@@ -0,0 +1,56 @@
+import type { CAC } from "cac";
+
+import fs from "fs-extra";
+
+import { execCommand, loggerInfo } from "@/shared/index";
+import { ACTIVATION } from "@/shared/config";
+
+async function getReportfile(url: string) {
+  const _url = new URL(url);
+  const files = await fs.readdirSync(process.cwd());
+  return files.filter(
+    (f) => f.startsWith(_url.hostname) && f.endsWith("report.html"),
+  );
+}
+
+export const lighthouse = async (url: string) => {
+  if (ACTIVATION) {
+    loggerInfo("lighthouse 参数信息: \n");
+    console.table(url);
+  }
+
+  const histories = await getReportfile(url);
+  for (const history of histories) {
+    await fs.removeSync(history);
+  }
+
+  await execCommand(
+    "npx",
+    [
+      "lighthouse",
+      url,
+      "--output=html",
+      `--output-path=./${new URL(url).hostname}-report.html`,
+      "--view",
+    ],
+    {
+      stdio: "inherit",
+    },
+  );
+};
+
+export default function lighthouseInstaller(cli: CAC) {
+  return {
+    name: "lighthouseInstaller",
+    setup: () => {
+      cli
+        .command("lighthouse", "运行 lighthouse 分析及收集 Web 应用的性能指标")
+        .option("--url <url>", "Web 应用地址")
+        .action(async (options) => {
+          if (options.url) {
+            await lighthouse(options.url);
+          }
+        });
+    },
+  };
+}

src/setup.ts

@@ -11,6 +11,7 @@ import npmRegistryInstaller from "./command/npm-registry";
 import eslintFixInstaller from "./command/eslint-fix";
 import prettierFormatInstaller from "./command/prettier-format";
 import templateInstaller from "./command/template";
+import lighthouseInstaller from "./command/lighthouse";
 
 export function cmdInstaller(cli: CAC) {
   gitCommitInstaller(cli).setup();
@@ -24,4 +25,5 @@ export function cmdInstaller(cli: CAC) {
   prettierFormatInstaller(cli).setup();
   createProjectInstaller(cli).setup();
   templateInstaller(cli).setup();
+  lighthouseInstaller(cli).setup();
 }