Babel插件里怎么准确判断一个节点是不是箭头函数？
我最近在写一个Babel插件，想专门处理箭头函数，但发现用 path.isArrowFunctionExpression() 有时候不生效。比如遇到这种写法：const fn = () => {}，明明是箭头函数，但判断结果却是 false，是我用错方法了吗？
我试过打印 path.node.type，显示的是 "ArrowFunctionExpression"，但 path.isArrowFunctionExpression() 却返回 false，这有点让我摸不着头脑。
- 1
回答
57浏览
Babel插件里怎么判断一个节点是不是箭头函数？
我正在写一个Babel插件，想只处理箭头函数，但不知道怎么准确判断节点类型。试过node.type === 'ArrowFunctionExpression'，但在某些情况下好像不生效？ 比如下面这段...
- 1
回答
73浏览
Babel插件里怎么判断一个节点是不是箭头函数？
我在写一个Babel插件，想在遍历AST的时候识别出箭头函数，但不确定该用什么条件判断。试过 node.type === 'ArrowFunctionExpression'，但有时候好像不生效？ 比如...
- 2
回答
44浏览
Babel插件里怎么修改AST节点的值？
我在写一个Babel插件，想把代码里的某个字符串字面量替换成别的内容，但改完没生效，是不是哪里搞错了？ 比如这段代码： const msg = 'hello world'; console.log(m...
- 2
回答
66浏览
Babel自定义插件怎么处理CSS-in-JS里的样式对象？
我写了个Babel插件想转换CSS-in-JS的对象写法，但不确定怎么准确识别和修改这种结构。比如下面这种写法： const styles = { color: 'red', fontSize: '1...
- 1
回答
69浏览
Babel自定义插件怎么处理CSS-in-JS里的样式对象？
我最近在写一个Babel插件，想自动给CSS-in-JS的对象加前缀，比如把color: 'red'变成WebkitColor: 'red'。但我发现访问到的AST节点是ObjectExpressio...
- 2
回答
53浏览
Babel插件怎么处理JSX中的自定义组件标签？
我写了个Babel插件想把所有自定义组件（首字母大写的JSX标签）替换成函数调用，但插件好像没生效。我试过匹配JSXOpeningElement节点，判断name.name[0]是不是大写，但调试发现...
- 2
回答
74浏览
Babel Visitor遍历时修改节点属性导致递归重复处理怎么办？
我在用Babel的Visitor写AST转换时遇到个奇怪问题：当我在enter方法里修改某个节点属性后，子节点会被重复访问两次。比如处理这个按钮点击事件： <button onclick=&qu...
- 2
回答
75浏览
Babel插件遍历React组件时如何修改props默认值？
我在用Babel插件处理React组件时遇到问题，想通过AST修改组件默认props，但总报错。比如这个组件： class MyComponent extends React.Component { ...
- 1
回答
45浏览
Babel 转换后 Vue 模板里的可选链语法报错怎么办？
我在 Vue 项目里用了可选链（?.）语法，本地开发没问题，但打包上线后在低版本浏览器报错。查了下是 Babel 没有正确转换这个语法，但我的配置看起来是对的啊？ 这是我在单文件组件里写的代码： &l...
- 1
回答
58浏览
Babel 的 useBuiltIns 配置到底该怎么用？
我在项目里用了 Babel 和 core-js，想按需引入 polyfill，但配置 useBuiltIns: 'usage' 后打包体积反而变大了，是不是哪里搞错了？ 我的 .babelrc 是这样...
你看 const fn = () => {} 这个结构，整个节点是 VariableDeclarator，它的 init 属性才是 ArrowFunctionExpression。你打印的 node.type 可能是父节点的 type，但 isArrowFunctionExpression() 是在当前 path 上判断的。
简单说，你拿到的是 VariableDeclarator 的 path，不是箭头函数的 path。
解决办法很简单，用
path.get('init').isArrowFunctionExpression()先取到 init 属性再判断。或者更直接：
path.get('init').node.type === 'ArrowFunctionExpression'还有个常见坑是如果 init 为 null（比如没赋值），直接调用会报错。先判断存不存在：
const init = path.get('init'); if (init.node && init.isArrowFunctionExpression()) { ... }另外提醒一下，箭头函数还有可能出现在函数参数默认值、对象属性等场景下，判断逻辑都差不多，先拿到对应的子节点再判断就行。