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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 前言 半年前也寫過一篇babel的簡單使用文章,當時看了下babel的文檔,但是很多地方還不理解,所以文章里沒有怎...
    mercurygear閱讀 46,363評論 9 100
  • 了解 Babel 各個模塊 本文所研究的是 babel 6 版本。babel 6 是 2015年10月30號 發(fā)布...
    shianqi閱讀 4,890評論 0 7
  • 一、配置文件.babelrc .babelrc 文件存放在項目的根目錄下。 presets 字段設定轉碼規(guī)則,你...
    R_X閱讀 11,930評論 0 21
  • 用命令,可以查看你正在使用的Node環(huán)境對ES6的支持程度。 使用下面的命令,可以查看Node所有已經實現的ES6...
    zcwfeng閱讀 814評論 0 2
  • ?? 從來沒想過、有一天,這種事情會發(fā)生在我身上。可是它確確實實發(fā)生了。 手機被偷了、不是丟了、我能確定它的消失的...
    阿伢閱讀 361評論 3 1

友情鏈接更多精彩內容