神刀安全网

Lebab Turns ES5 Code Into Readable ES2015 Sugar-Syntax

Lebab Turns ES5 Code Into Readable ES2015 Sugar-Syntax Lebab Turns ES5 Code Into Readable ES2015 Sugar-Syntax Lebab Turns ES5 Code Into Readable ES2015 Sugar-Syntax

Lebab

Lebab Turns ES5 Code Into Readable ES2015 Sugar-Syntax

Lebabtranspiles your ES5 code to ES2015. It does exactly the opposite of what Babel does. If you want to understand what Lebab exactly does, try the live demo .

Usage

Install it using npm:

$ npm install -g lebab

Transpile your old-fashioned code using the lebab cli tool.

$ lebab es5.js -o es6.js

Or convert just the features of your choice:

$ lebab es5.js -o es6.js --enable let,arrow,commonjs

Features and known limitations

  • class – function/prototypes to classes
  • template – string concatenation to template strings
  • arrow – callbacks to arrow functions
    • Converts bound functions like function(){}.bind(this)
    • not applied to unbound functions that use this
    • not applied to functions that use arguments
    • not applied to object properties (use obj-method transform)
    • converts immediate return { return x; } to => x
    • does not remove that = this assignments
    • BUG fails with immediately returning functions that have methods invoked
  • letvar to let / const
  • default-param – default parameters instead of a = a || 2
    • recognizes a = a || 2
    • recognizes a = a ? a : 2
    • recognizes a = a === undefined ? 2 : a
    • recognizes a = typeof a === 'undefined' ? 2 : a
  • arg-spread – use of apply() to spread operator
    • recognizes obj.method.apply(obj, args)
    • recognizes func.apply(undefined, args)
  • obj-method – function values in object to methods
    • does not convert named function expressions
    • does not convert arrow-functions
  • obj-shorthand{foo: foo} to {foo}
    • ignores numeric and NaN properties
    • does not convert string properties
  • no-strict – removal of "use strict" directives
    • does not touch stuff like x = "use strict";
  • commonjs – CommonJS module definition to ES6 modules
    • converts var foo = require("foo") to import foo from "foo"
    • converts var bar = require("foo").bar to import {bar} from "foo"
    • converts var {bar} = require("foo") to import {bar} from "foo"
    • only handles require() calls in var declarations
    • does not ensure that imported variable is treated as const
    • converts module.exports = <anything> to export default <anything>
    • converts exports.foo = function(){} to export function foo(){}
    • converts exports.Foo = class {} to export class Foo {}
    • converts exports.foo = 123 to export var foo = 123
    • converts exports.foo = bar to export {bar as foo}
    • does not check if named export conflicts with existing variable names
    • does not recognize imports/exports inside nested blocks/functions

What’s next?

Which feature should Lebab implement next? Let us know bycreating an issue or voicing your opinion in existing one.

Want to contribute? Read how Lebab looks for patterns in syntax trees.

转载本站任何文章请注明:转载至神刀安全网,谢谢神刀安全网 » Lebab Turns ES5 Code Into Readable ES2015 Sugar-Syntax

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址