用babel搭建es6搭建

1、新建项目文件夹，创建index.html，在index.html中引入js文件<script scr="./dist/index.js"></script>

2、创建文件夹src,在src下新建一个js文件，命名index.js

3、创建dist文件夹

4、运行npm init -y

5、运行npm i -g babel-cli(苹果电脑用sudo npm i -g babel-cli,要输入密码，也可以使用cnpm，安装较快)

6、运行npm i --save-dev babel-preset-es2015 babel-cli

7、根目录新增.babelrc文件，在中写如下代码：

　　{

　　"presets":[

　　　　"es2015"

　　],

　　"plugins":[]

}

8、点击package.json，修改script，修改为

　　"script":{

　　　　"build":"babel src/index.js -o dist/index.js"

　　}

9、运行npm run build