写了几个前端 CLI 之后，聊聊工程化工具开发的实践与取舍

// scripts/build-icons.mjs
import fs from 'node:fs/promises';
import path from 'node:path';
import { transform } from '@svgr/core';

const ICON_DIR = path.resolve('packages/icons/svgs');
const OUT_DIR = path.resolve('packages/icons/src');

async function run() {
  const files = await fs.readdir(ICON_DIR);
  
  for (const file of files) {
    if (!file.endsWith('.svg')) continue;
    
    const svgCode = await fs.readFile(path.join(ICON_DIR, file), 'utf-8');
    const componentName = file.replace('.svg', '').replace(/^[a-z]/, c => c.toUpperCase());
    
    const jsxCode = await transform(
      svgCode,
      { icon: true, typescript: true },
      { componentName }
    );
    
    await fs.writeFile(path.join(OUT_DIR, `${componentName}.tsx`), jsxCode);
  }
}

run();

// src/index.ts
import { cac } from 'cac';
import { checkDependencies } from './commands/check';

const cli = cac('frame-cli');

cli
  .command('check-deps <dir>', '检查目录下的幽灵依赖')
  .option('--fix', '自动修复 package.json')
  .action(async (dir, options) => {
    try {
      await checkDependencies(dir, options);
    } catch (err: any) {
      // 很多人写 CLI 喜欢直接 throw err，屏幕上一堆调用栈
      // 对使用者来说，友好的错误信息远比 stack trace 有用
      console.error(`\x1b[31m[Error]: ${err.message}\x1b[0m`);
      process.exit(1);
    }
  });

cli.help();
cli.version('1.0.0');
cli.parse();

package main

import (
	"bufio"
	"fmt"
	"os"
	"path/filepath"
	"strings"
	"sync"
)

// 并发扫文件中的特定组件调用
func scanFile(path string, target string, wg *sync.WaitGroup, results chan<- string) {
	defer wg.Done()

	file, err := os.Open(path)
	if err != nil {
		return
	}
	defer file.Close()

	scanner := bufio.NewScanner(file)
	lineNum := 1
	for scanner.Scan() {
		if strings.Contains(scanner.Text(), target) {
			results <- fmt.Sprintf("%s:%d", path, lineNum)
		}
		lineNum++
	}
}

func main() {
	var wg sync.WaitGroup
	results := make(chan string, 1000)
	target := "OldButton" // 比如我们要找过期的按钮组件

	filepath.Walk("packages", func(path string, info os.FileInfo, err error) error {
		if err != nil || info.IsDir() || !strings.HasSuffix(path, ".tsx") {
			return nil
		}
		wg.Add(1)
		go scanFile(path, target, &wg, results)
		return nil
	})

	go func() {
		wg.Wait()
		close(results)
	}()

	for res := range results {
		fmt.Println(res)
	}
}