Babel插件里怎么判断一个节点是不是箭头函数？
我正在写一个Babel插件，想只处理箭头函数，但不知道怎么准确判断节点类型。试过node.type === 'ArrowFunctionExpression'，但在某些情况下好像不生效？
比如下面这段代码，visitor里拿到的path.node到底该怎么判断？
const fn = () => {
return 'hello';
};
- 1
回答
40浏览
Babel插件里怎么判断一个节点是不是箭头函数？
我在写一个Babel插件，想在遍历AST的时候识别出箭头函数，但不确定该用什么条件判断。试过 node.type === 'ArrowFunctionExpression'，但有时候好像不生效？ 比如...
- 1
回答
28浏览
Babel插件里怎么准确判断一个节点是不是箭头函数？
我最近在写一个Babel插件，想专门处理箭头函数，但发现用 path.isArrowFunctionExpression() 有时候不生效。比如遇到这种写法：const fn = () => {...
- 2
回答
23浏览
Babel插件里怎么修改AST节点的值？
我在写一个Babel插件，想把代码里的某个字符串字面量替换成别的内容，但改完没生效，是不是哪里搞错了？ 比如这段代码： const msg = 'hello world'; console.log(m...
- 2
回答
41浏览
Babel自定义插件怎么处理CSS-in-JS里的样式对象？
我写了个Babel插件想转换CSS-in-JS的对象写法，但不确定怎么准确识别和修改这种结构。比如下面这种写法： const styles = { color: 'red', fontSize: '1...
- 1
回答
50浏览
Babel自定义插件怎么处理CSS-in-JS里的样式对象？
我最近在写一个Babel插件，想自动给CSS-in-JS的对象加前缀，比如把color: 'red'变成WebkitColor: 'red'。但我发现访问到的AST节点是ObjectExpressio...
- 2
回答
26浏览
Babel插件没生效，箭头函数还是没转成普通函数？
我在项目里配了@babel/plugin-transform-arrow-functions，但打包后的代码里箭头函数还是原样保留，根本没转换。是不是我插件配置写错了？ 我的Babel配置是这样的： ...
- 2
回答
34浏览
Babel插件怎么处理JSX中的自定义组件标签？
我写了个Babel插件想把所有自定义组件（首字母大写的JSX标签）替换成函数调用，但插件好像没生效。我试过匹配JSXOpeningElement节点，判断name.name[0]是不是大写，但调试发现...
- 2
回答
62浏览
Babel配置后箭头函数没转成普通函数，旧版浏览器报错怎么办？
我在项目里用了箭头函数写组件方法，按照教程安装了@babel/preset-env并配置了.babelrc： { "presets": ["@babel/preset-env"] } 但打包后代码里箭...
- 2
回答
25浏览
Babel 转换后为什么箭头函数没变成普通函数？
我用 Babel 把 ES6 代码转成 ES5，但发现箭头函数还是原样保留，没变成 function 形式。 我的 .babelrc 配置是这样的： { "presets": ["@babel/pre...
- 2
回答
18浏览
@babel/preset-env 没有转译箭头函数，是我配置错了吗？
我在项目里用了 @babel/preset-env，但打包后的代码里还是有箭头函数，低版本浏览器直接报错。我明明设了 targets 啊，是不是哪里没配对？ 这是我的 .babelrc 配置： { &...
一般这样处理：除了检查 type 属性外，最好也确认一下 path 节点的 context 和父级关系。我以前写插件时也踩过坑，有些语法糖或者编译器转换后会改变节点结构。
你可以这么写：
这个
isArrowFunctionExpression方法比直接判断 type 更可靠，它会帮你处理一些特殊情况。顺便说下，在 visitor 里建议多打印路径信息看看实际结构，调试起来会方便很多，毕竟AST结构有时候挺复杂的，容易让人晕头转向。