如果一开始没用构建工具构建工程，用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的批量转换
网友评论