ES6转ES5（第一种）初始化项目npminit--y安装依赖npminstallbabel-cli-Dnpminstallbabel-preset-es2015-D创建和在项目中编辑ES6文件，这里只是用es6的语法来举例，看看能不能翻译成es5语法。假设它被命名为index.js并放置在项目根目录的src文件夹中。//src/index.jsleta=1;letfun=()=>{console.log(a);}编辑package.json我们需要在scripts字段添加命令：build-t:单独编译一个文件build-d：将一个文件夹下的所有文件编译到另一个文件夹中（文件夹自动生成，无需自己创建）build-o：将一个文件夹下的指定文件编译到另一个文件夹中（文件夹需要自己创建，你可以指定文件名){"name":"babel01","version":"1.0.0","description":"","main":"index.js","scripts":{"build-t":"babelindex.js--presetses2015","build-d":"babelsrc-dlib--presetses2015","build-o":"babelsrc/index.js-odist/index.js--presetses2015"},"keywords":[],"author":"","license":"ISC","devDependencies":{"babel-cli":"^6.26.0","babel-preset-es2015":"^6.24.1"}}开始编译npmrun<这里是scripts栏的命令>下面是编译好的es5文件。“usestrict”；vara=1；varfun=functionfun(){console.log(a);};ES6到ES5（第二种）其实和第一种类似。初始化项目npminit--y安装依赖npminstallbabel-cli-Dnpminstallbabel-preset-es2015-D在项目中创建和编辑ES6文件这里只是使用es6语法的例子，看看能不能翻译成es5语法。假设它被命名为index.js并放置在项目根目录的src文件夹中。{"presets":["es2015"],"plugins":[]}要编辑package.json，我们需要在脚本字段中添加命令。命令内容与第一种方法相同，只是这里省略了--presets。es2015.{"name":"babel01","version":"1.0.0","description":"","main":"index.js","scripts":{"build":"babelsrc/index.js"js-odist/index.js"},"keywords":[],"author":"","license":"ISC","devDependencies":{"babel-cli":"^6.26.0","babel-preset-es2015":"^6.24.1"}}开始编译npmrunbuild下面是编译好的es5文件。“usestrict”；vara=1；varfun=functionfun(){console.log(a);};ES6+toES5这里ES6+是指ES6、ES7、ES8等。初始化项目npminit--y安装依赖npminstallbabel-cli-Dnpminstallbabel-preset-env-D在项目中创建和编辑ES6文件这里只是使用es6语法的例子，看看能不能翻译成es5语法。假设它被命名为index.js并放置在项目根目录的src文件夹中。//src/index.jsleta=1;letfun=()=>{console.log(a);}在项目中创建并编辑.babelrc文件在根目录下创建.babelrc文件。{"presets":["env"]}编辑package.json命令的内容不止这一条，根据自己的需要写，其他的命令从ES6到ES5（第一种）可以看上面。{"name":"babel01","version":"1.0.0","description":"","main":"index.js","scripts":{"build":"babelsrc-ddist"},"keywords":[],"author":"","license":"ISC","devDependencies":{"babel-cli":"^6.26.0","babel-preset-es2015":"^6.24.1"}}开始编译npmrunbuild下面是编译好的es5文件。“usestrict”；vara=1；varfun=functionfun(){console.log(a);};结束语本文主要介绍ES6转ES5的两种方法以及ES6+转ES5的方法。但是现在大部分都是用ES6+转ES5，主要是让大家体验一下升级的感觉。
