ES6--开发(转码)环境搭建

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);

你可能感兴趣的:(ES6--开发(转码)环境搭建)