Babel初探

142 阅读1分钟

www.ruanyifeng.com/blog/2016/0…

是什么

  • 一个JS编译器。
  • 主要用于在旧的浏览器或者环境中将ES5+(ES6,ES7-stage0,ES7-stage1,ES7-stage2,ES7-stage3)转换为向后兼容版本的JS代码。

怎么用

必须预先配置文件.babelrc

命令行转码:使用babel-cli脚手架工具转码单文件

  1. 全局安装:npm i -g babel-cli
  2. 使用babel :
  • 额外安装插件:npm i --save-dev babel-preset-es2015

  • 配置.babelrc文件

    { "presets":[ "es2015" ], "plugins":[], }

  • 如:babel index.js -o bundle.js

babel-node模块

  • 用于在node环境转换代码,可以在单独安装使用
  • babel-cli已经内置babel-node模块,安装cli后可以直接使用babel-node运行包含ES6语法的文件而无需转码处理

babel-polyfill模块

  • babel只对ES6的语法进行转码,而不对ES6新的API进行转码,如果需要转码API则需要使用babel-ployfill