从 Node.js 到 Go：聊聊我在前端工程化里写提效工具的实践与复盘

package main

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

// 转换 SVG 内容为 React 友好的 JSX
func cleanAndFormatSVG(raw string) string {
	// 去掉 XML 声明和注释
	reXML := regexp.MustCompile(`<\?xml[^>]*\?>|<!--.*?-->`)
	clean := reXML.ReplaceAllString(raw, "")

	// 移除 width/height，强制继承字体大小
	reSize := regexp.MustCompile(`(width|height)="[^"]*"`)
	clean = reSize.ReplaceAllString(clean, "")

	// 替换 fill 为 currentColor
	reFill := regexp.MustCompile(`fill="[^"]*"`)
	clean = reFill.ReplaceAllString(clean, `fill="currentColor"`)

	return strings.TrimSpace(clean)
}

// 生成 TSX 组件代码
func generateComponent(name, svgContent string) string {
	return fmt.Sprintf(`import React from 'react';
import type { SVGProps } from 'react';

export const Icon%s = (props: SVGProps<SVGSVGElement>) => (
  %s
);
`, name, svgContent)
}

func main() {
	svgDir := "./svgs"
	outDir := "./src/components"
	_ = os.MkdirAll(outDir, 0755)

	entries, err := os.ReadDir(svgDir)
	if err != nil {
		fmt.Printf("读取目录失败: %v\n", err)
		return
	}

	var wg sync.WaitGroup
	var exportNames []string
	var mu sync.Mutex

	for _, entry := range entries {
		if !entry.IsDir() && strings.HasSuffix(entry.Name(), ".svg") {
			wg.Add(1)
			go func(fileName string) {
				defer wg.Done()

				baseName := strings.TrimSuffix(fileName, ".svg")
				compName := strings.ToUpper(baseName[:1]) + baseName[1:]

				rawBytes, err := os.ReadFile(filepath.Join(svgDir, fileName))
				if err != nil {
					return
				}

				cleanSVG := cleanAndFormatSVG(string(rawBytes))
				tsxCode := generateComponent(compName, cleanSVG)

				outPath := filepath.Join(outDir, fmt.Sprintf("Icon%s.tsx", compName))
				_ = os.WriteFile(outPath, []byte(tsxCode), 0644)

				mu.Lock()
				exportNames = append(exportNames, compName)
				mu.Unlock()
			}(entry.Name())
		}
	}

	wg.Wait()

	// 生成 index.ts 入口
	var indexContent strings.Builder
	for _, name := range exportNames {
		indexContent.WriteString(fmt.Sprintf("export * from './Icon%s';\n", name))
	}
	_ = os.WriteFile(filepath.Join(outDir, "index.ts"), []byte(indexContent.String()), 0644)

	fmt.Printf("处理完成, 共生成 %d 个图标组件\n", len(exportNames))
}

npm install -D @my-team/icon-generator
npx icon-gen