手写 babel 插件,原来如此简单

作者: 阿崔cxr分类: 野生技能协会 发布时间: 2021-01-16 21:47:22 浏览:10030 次

手写 babel 插件,原来如此简单

F大神:
这里补充一下自己以前摸索出来的前端babel及其插件的使用,可以直接挂在前端页面里使用 目前只适用babel6,不支持optionalChaining和nullishCoalescingOperator 页面里通过cdn引入babel-6.26.0.min.js Babel.transform(jsx, { presets: 【"es2017", "react", "stage-0"】 }).code Babel.transform(jsCode, { presets: 【"es2015"】 }).code // Simple plugin that converts every identifier to "LOL" function lolizer() { return { visitor: { Identifier(path) { path.node.name = 'LOL'; } } } } let name = 'LOLplugin' Babel.registerPlugin(name, lolizer); console.log(Babel.transform( 'function helloWorld() { alert(hello); }', { plugins: 【name】 } ));

【回复】╮( ̄▽ ̄)╭ 酷呀!!!
【回复】oops,评论区把我的方括号改了
呆萌的挽留:
为啥生产环境就变成了开发环境的“DEBUG”?

充电器君:
大佬的快速格式化插件是啥或者快捷键是啥

青春竟然如此:
写这个插件的时候能否引入babel的ts类型呢

程序员 计算机 视频教程 野生技术协会 编程 经验分享 前端 web前端 学习心得 打卡挑战

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

更多相关阅读