es6转化为es5（学习笔记）

参考资料：

https://www.cnblogs.com/taokele/p/8528861.html

https://www.jianshu.com/p/8a8f7b0f887a

最近总结ES6时发现，如果js使用ES6进行编写后，需要兼容IE就必须将ES6语法转换为ES5，则搜集了一下相关资料，总结一下

1、建立工程目录

　　src:使用ES6语法编写的JS文件；

　  dist:使用Babel转换成ES5的文件，在项目引用的时候引用的是这个文件夹里边的JS文件

2、初始化项目 

npm init -y  

 -y是指表示全部默认，不需要一个一个敲回车

3、全局安装Babel-cli

npm install -g babel-cli

 

4、虽然已经安装了babel-cli，只是这样还不能成功进行转换，我们还需要安装转换包才能成功转换。本地安装babel-preset-es2015 和 babel-cli    

npm install --save-dev babel-preset-es2015 babel-cli

 

5、新建.babelrc

{
    "presets":[
        "es2015"
    ],
    "plugins":[]
}

6、终端输入如下命令进行转换：（babel  待转换路径/ --out-dir 转换后路径/）

 

babel src --out-dir dist

 

注：通过修改package.json里面的别名来实现编译  修改（“build”:“babel src --out-dir dist”），修改后可直接输入npm run build来进转换

{
  "name": "es6",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "build": "babel src/index.js -o dist/index.js"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "babel-cli": "^6.24.1",
    "babel-preset-es2015": "^6.24.1"
  }
}