开始在 Babel 上使用 ES67

浏览器对 ES6 的支持正在增长,但为了确保你的代码能够在不完全支持它的环境中运行,你可以使用 Babel ,ES6 / 7 到 ES5 转换器,试一试!

如果你想在项目中使用 ES6 / 7 而不必担心兼容性,可以使用 NodeBabel CLI

使用 Babel for ES6 / 7 支持快速设置项目

  1. 下载并安装 Node
  2. 转到文件夹并使用你喜欢的命令行工具创建项目
~ npm init
  1. 安装 Babel CLI
~ npm install --save-dev babel-cli
~ npm install --save-dev babel-preset-es2015
  1. 创建 scripts 文件夹以存储 .js 文件,然后创建 dist/scripts 文件夹,其中将存储已转换的完全兼容的文件。
  2. 在项目的根文件夹中创建 .babelrc 文件,并在其上写下
{
    "presets": ["es2015"]
}
  1. 编辑你的 package.json 文件(运行 npm init 时创建)并将 build 脚本添加到 scripts 属性:
{
    ...
    "scripts": {
    ... ,
    "build": "babel scripts --out-dir dist/scripts"
    },
    ...
}
  1. 享受 ES6 / 7 编程
  2. 运行以下命令将所有文件转换为 ES5
~ npm run build

对于更复杂的项目,你可能需要查看 GulpWebpack