1. 参考
  2. 安装
    1. 本地安装(windows)
    2. 安装sublime bable插件
  3. 转换es6代码到es5
  4. polyfill 使用方法(浏览器)

用Babel转换es6代码

JavaScript software Babel

Babel是个js编译工具,可以把es6语法转换成es5,从而兼容ie9/10.

参考

Babel 入门教程 阮一峰
怎样设置babel-polyfill
babel 官网
babel 中文网

安装

本地安装(windows)

#工程文件根目录下,用管理员模式执行
npm install --save-dev babel-cli babel-preset-env

# Babel默认只转换语法,如果需要转义Array Promise之类的es6全局变量,需安装polyfill
npm install --save-dev babel-polyfill

不建议全局安装,目前有些问题
Couldn't find preset "env" relative to directory 

npm install -g babel-cli babel-preset-env

安装sublime bable插件

sublime > press: ctrl + shift + p > input: pip > input: Babel

转换es6代码到es5

#用sublime打开需转换的.js文件
Tools > Babel > Babel Transform

polyfill 使用方法(浏览器)

找到如下路径文件,在编译代码前引入

node_modules/babel-polyfill/dist/polyfill.js

例
<html>
    <script type="text/javascript" src="polyfill.js"></script>
    <script type="text/javascript" src="编译代码.js"></script>
</html>