通过静态分析ast实现编译期语言包按需加载，识别$t、t、usei18n().t等调用的key，裁剪locales文件并动态注入import逻辑，生成精简.min.json且输出为独立chunk。
直接通过静态分析 AST 实现按需加载语言包插件，核心是识别代码中实际用到的语言 key，再自动生成对应 locale 文件并剔除未使用项。这不是运行时逻辑，而是在构建阶段完成的“编译期裁剪”。
识别国际化调用节点
目标是捕获所有 $t('xxx')、t('xxx')、useI18n().t('xxx')、{{ $t('xxx') }}（Vue 模板）等调用形式。关键不是字符串字面量本身，而是其作为第一个参数的静态可解析 key：
- 用
@babel/parser解析源码为 AST，重点关注CallExpression和MemberExpression节点 - 对每个调用，检查 callee 是否匹配已知 i18n 函数名（如
$t、i18n.t、useI18n().t），且第一个参数是StringLiteral - 提取其
value字段，例如$t('user.name')→'user.name'，归入 key 集合
构建最小化语言包映射
拿到全项目所有被引用的 key 后，需将其映射到各语言的实际文案。不建议硬编码翻译，而是基于已有结构做裁剪：
前端设计优化skill
下载
前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。
- 扫描项目中
locales/zh-CN.json、locales/en-US.json等原始文件，解析为 JS 对象 - 对每个 key（如
'button.submit'），递归查找其在各语言文件中的路径：用key.split('.')逐级取值 - 仅保留至少在一个语言文件中存在、且被 AST 检出调用过的 key 路径，其余全部丢弃
- 生成精简版
locales/zh-CN.min.json，体积通常压缩 40%–70%
注入动态加载逻辑（AST 层面）
光裁剪不够，还要让运行时只加载当前语言的精简包。这步需修改入口或 i18n 初始化代码：
- 定位项目中初始化 i18n 的位置（如
createI18n({ locale, messages })） - 用
@babel/traverse找到messages参数对象表达式 - 替换为动态 import 表达式：
import(`./locales/${locale}.min.json`)，并包裹then(...)处理异步加载 - 若原写法是同步对象字面量（如
messages: { 'zh-CN': {...} }），则重写为函数式工厂：messages: () => import(...)
与打包工具协同输出分片
最终产出要能被 Webpack/Vite 正确识别为独立 chunk，避免回退到主包：
- 在插件末尾调用
@babel/generator输出修改后的 AST 为代码 - 确保动态 import 路径符合构建工具要求：使用相对路径、不带变量拼接（如禁止
import('./locales/' + locale + '.json')） - 配合 Webpack 的
splitchunks规则，将所有/locales\/.*\.min\.json$/匹配进localeschunk 组 - Vite 用户可加
build.rollupOptions.output.manualChunks实现同样效果
这个插件不依赖框架运行时，也不修改业务逻辑，只在构建期读源码、改 AST、写文件。它把“按需”从“用户切换时加载”推进到“编译时就只包含真正需要的文案”，更彻底，也更容易测试和调试。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
