亡羊补牢 es6 转 es5

如果一开始没用构建工具构建工程，用es6写了代码需要兼容旧的浏览器和机型，需要将es6转为es5，方法如下

全局安装babel-cli

npm install babel-cli -g

进入工程目录，static下就是我们要转换的js文件

进入工程.png

创建package.json文件，一路回车即可

npm init

创建一个package.json文件.png

创建.babelrc文件，注意windows下创建该文件报错，因为前面有一个.，这个时候将文件命名为.babelrc.，即前后都有.，就可以创建成功了，然后在该文件中写入如下代码

.babelrc文件.png

安装es2015依赖

安装依赖.png

修改.babelrc文件

添加"es2015".png

babel -h 查看安装结果

安装结果.png

在目录内创建一个文件夹用来存放输出转好的js代码

修改package.json文件，增加下图红框内容，注意上一行行尾逗号，这样配置表示我们要将static目录下的所有js文件从es6转为es5然后输出到dist目录下，文件名不变，整个目录转换-d,单个文件转换-o，例如
"build": "babel static/index.js -o dist/index.js"，此时输出的文件名可以更改

修改package.json文件.png

然后执行如下命令

npm run build

转码结果.png

以上就完成了从es5到 es6的批量转换