babel

1.初始化package.json文件

在对应的目录里面打开powershell  执行init npm 或init npm -y快速生成

 

2.安装babel

npm install --save--dev babel-cli（开发依赖）上线后就不需要了　　简写：npm i -D babel-cli

npm install --save babel-cli（生产依赖）

 

3.新建一个js文件使用ES6进行编写，命名为entry.js

4.需要在packa.json配置文件里面的“scripts”属性添加对应的键值“build”：“babel entry.js -o index.js -w”（这里为什么要添加这个键值对是因为编辑器在进行编辑的时候需要进入node_modules\babel-cli\bin文件里面找到babel.js文件才能执行，其实是直接在node_modules\bin文件里直接找babel.cmd然后再和需要转换的文件entry.js一起执行，也可以全局安装babel-cli，直接执行babel entry.js）（添加-o index.js是为了让转换好的代码输出到另一个文件里，不然编译后只能在cmd里面查看）（-w 是表挂起状态，每次将entry.js文件修改后cmd会自动进行编译输出到index.js文件）

全局安装（npm -i babel-cli -g）

5.在cmp中执行npm run build

6.但是编译之后好像和原来的一样，这时候我们还需要制定一个转换规则，打开npm安装（npm i -D babel-preset-env），然后创建一个配置文件.babelrc（在window下创建这个文件需要输入“.babelrc.”才能创建成功），然后babel会寻找根据这个文件里面的转换规则来进行编译

最简单的配置方法：

{
     "presets":[
         "env"
    ]
}