写你的第一个 Babel 插件：import 改写实战

module.exports = function myPlugin() {
  return {
    visitor: {
      // 当遍历到某种节点时，Babel 调用这里的函数
      SomeNodeType(path) { /* 用 path 改树 */ }
    }
  }
}

// ===== 文件 1：plugin.cjs（我们的插件）=====
// 运行环境：Node.js 18+，需安装： npm install @babel/core @babel/types
// 说明：插件本身只是“返回 visitor 的函数”，不依赖运行环境

module.exports = function babelPluginImportToLib() {
  const t = require('@babel/types')
  return {
    visitor: {
      ImportDeclaration(path) {
        const source = path.node.source.value
        if (source !== 'antd') return            // 只处理来自 antd 的导入

        const newNodes = path.node.specifiers
          .filter((s) => s.type === 'ImportSpecifier') // 具名导入 { X }
          .map((s) => {
            const exported = s.imported.name       // 导出的名字，如 Button
            const local = s.local.name             // 本地绑定的名字
            return t.importDeclaration(
              [t.importDefaultSpecifier(t.identifier(local))],
              t.stringLiteral('antd/lib/' + exported.toLowerCase())
            )
          })

        if (newNodes.length > 0) {
          // 用多个新节点替换原来的单条导入
          path.replaceWithMultiple(newNodes)
        }
      }
    }
  }
}

// ===== 文件 2：run.cjs（用插件转换一段代码）=====
// 运行环境：Node.js 18+，需安装： npm install @babel/core
// 运行方式：把 plugin.cjs 和 run.cjs 放同一目录，终端执行  node run.cjs

const babel = require('@babel/core')
const myPlugin = require('./plugin.cjs')

const code = "import { Button, Input } from 'antd'"
const result = babel.transformSync(code, { plugins: [myPlugin] })

console.log('转换前：', code)
console.log('转换后：', result.code)
// 转换后：
// import Button from "antd/lib/button";
// import Input from "antd/lib/input";