乐趣区

Babel的简单使用

Babel 的简单使用
1. 初始化,创建 package.json
npm init
2. 安装 babel-cli
npm i -d babel-cli
3. 安装 babel
npm i -d babel-preset-latest
4. 添加 .babelrc 文件
a. 创建
type nul>.babel
b. 内容
{
“presets”:[“latest”],
“plugins”:[]
}
5. 创建 src、release 文件夹
6. 修改 package.json
{

“scripts”: {

“build”:”babel src -d release”
},
}

“babel js -d release” 可理解为 ” 把 src 文件夹下的 js 文件转换后存到 release 文件夹下 ”
7. 编写示例代码 (src/test.js)
let arr=[1,3,5,6,8,9];

8. 运行
npm run build

> es6test@1.0.0 build D:\webWork\es6test
> babel src -d release

src\test.js -> release\test.js
9. 结果(release/test.js)
“use strict”;
var arr = [1, 3, 5, 6, 8, 9];

退出移动版