手写 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前端 学习心得 打卡挑战