使用Babel编译ES6

Babel

一、下载安装babel npm install babel-cli -g 我们之所以可以使用babel命令，是因为在全局环境下会生成一些xxx.cmd的文件，而这里的xxx就是可以在doc窗口中执行的命令 执行babel命令后，可以完成一些编译或者其他任务，原因是执行babel命令后，会自动加载处理任务的文件；

二、配置.babelrc文件，安装一些语言解析包 我们需要把.babelrc文件配置在当前项目的根目录下 注意： 在电脑上不能直接创建没有文件名的文件，但是可以在webS中new->file来创建，或者使用命令创建

• 1、babelrc这个后缀名在某些ws中是不识别的，我们需要设置关联
• 2、在这个文件中编写内容：

{
  "presets":[], //存的是我们编译代码时候需要依赖的语言解析包
  "plugins":[] //存的是我们编译代码时候需要依赖的插件信息
}

• 3、安装依赖的语言解析包 在当前项目的根目录下安装 npm install babel-preset-latest安装最新已经发布的语言标准解析模块 npm install babel-preset-stage-2 安装当前还没有发布但是已经进入草案的语言解析模块
• 4、完成最后.babelrc

{
  "presets": [
    "latest",
    "stage-2"
  ],//存的是我们编译代码时候需要依赖的语言解析包
  "plugins":[]//存的是我们编译代码时候需要依赖的插件信息
}

三、使用命令编译JS代码 基本上所有支持命令操作的模块都有一个命令 babel --help/babel -h 查看帮助 babel -V查看版本号 babel -o 把某一个JS文件中的ES6代码进行编译 babel -d 把某一个文件夹中所有的JS文件中的ES6代码进行编译 babel -w 监听文件中代码的改变，当代码改变后，会自动进行编译