babel相关包介绍

参考:http://es6.ruanyifeng.com/#docs/intro

babel-core

npm install babel-core --save 后,项目中可以引用该包,并调用相关API进行代码、js文件的转码。

var babel = require('babel-core');

// 字符串转码
babel.transform('code();', options);
// => { code, map, ast }

// 文件转码(异步)
babel.transformFile('filename.js', options, function(err, result) {
  result; // => { code, map, ast }
});

// 文件转码(同步)
babel.transformFileSync('filename.js', options);
// => { code, map, ast }

// Babel AST转码(AST:抽象语法树 abstract-syntax-tree 源代码语法对应的树状结构)
babel.transformFromAst(ast, code, options);
// => { code, map, ast }

//示例
var es6Code = 'let x = n => n + 1';
var es5Code = require('babel-core')
  .transform(es6Code, {
    presets: ['es2015']
  }).code;
// '"use strict";\n\nvar x = function x(n) {\n  return n + 1;\n};'

bable-polyfill

Babel默认只转换新的JavaScript句法(syntax),而不转换新的API

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 前言 半年前也写过一篇babel的简单使用文章,当时看了下babel的文档,但是很多地方还不理解,所以文章里没有怎...
    mercurygear阅读 46,365评论 9 100
  • 了解 Babel 各个模块 本文所研究的是 babel 6 版本。babel 6 是 2015年10月30号 发布...
    shianqi阅读 4,890评论 0 7
  • 一、配置文件.babelrc .babelrc 文件存放在项目的根目录下。 presets 字段设定转码规则,你...
    R_X阅读 11,930评论 0 21
  • 用命令,可以查看你正在使用的Node环境对ES6的支持程度。 使用下面的命令,可以查看Node所有已经实现的ES6...
    zcwfeng阅读 816评论 0 2
  • ❤️ 从来没想过、有一天,这种事情会发生在我身上。可是它确确实实发生了。 手机被偷了、不是丢了、我能确定它的消失的...
    阿伢阅读 362评论 3 1

友情链接更多精彩内容