cd到当前es6项目文件夹es6app
1.创建package.json
$ npm init
或者 $ npm init -y
2.本地安装babel-cli脚手架
$ npm install --save babel-cli
3.配置文件.babelrc
直接新建文件命名为.babelrc
,存放在项目文件夹根目录。
Babel 的配置文件是.babelrc,存放在项目的根目录下。使用 Babel 的第一步,就是配置这个文件。
3.1 设定转码规则
$ npm install --save-dev babel-preset-latest
或者
$ npm install --save-dev babel-preset-es2015
3.2 设置.babelrc的presets
{
"presets": [
'latest'//或者es2015或者env,总之对应自己安装的转码规则,
],
"plugins": []
}
4.设置相应的scripts脚本
在package.json
中设置,(将src文件夹下的js文件,编译转码到compile文件夹下)
"scripts": {
"build": "babel src -d compile"
},
5.转码运行
$ npm run build
6.转码后文件
例如src/index.js
let a = 1;
console.log(a);
compile/index.js转码成功
"use strict";
var a = 1;
console.log(a);
网友评论