开始在 Babel 上使用 ES67
浏览器对 ES6 的支持正在增长,但为了确保你的代码能够在不完全支持它的环境中运行,你可以使用 Babel ,ES6 / 7 到 ES5 转换器,试一试!
如果你想在项目中使用 ES6 / 7 而不必担心兼容性,可以使用 Node 和 Babel CLI
使用 Babel for ES6 / 7 支持快速设置项目
- 下载并安装 Node
- 转到文件夹并使用你喜欢的命令行工具创建项目
~ npm init
- 安装 Babel CLI
~ npm install --save-dev babel-cli
~ npm install --save-dev babel-preset-es2015
- 创建
scripts
文件夹以存储.js
文件,然后创建dist/scripts
文件夹,其中将存储已转换的完全兼容的文件。 - 在项目的根文件夹中创建
.babelrc
文件,并在其上写下
{
"presets": ["es2015"]
}
- 编辑你的
package.json
文件(运行npm init
时创建)并将build
脚本添加到scripts
属性:
{
...
"scripts": {
... ,
"build": "babel scripts --out-dir dist/scripts"
},
...
}
- 享受 ES6 / 7 编程
- 运行以下命令将所有文件转换为 ES5
~ npm run build