.babelrc文件的一些简单的配置

首先现在根目录先生成.babelrc文件

这个文件是用来设置转码的规则和插件的

 

如果想使用es6语法，必须安装插件

 

npm install babel-preset-es2015

{

         "presets":["es2015"]

}

 

什么是.babelrc文件呢？熟悉linux的同学一定知道，rc结尾的文件通常代表运行时自动加载的文件，配置等等，类似bashrc,zshrc

而且在babel6中，这个文件必不可少。

     里面可以对babel命令进行配置，以后再使用babel的cli的时候，可以少一些配置。

    还有一个env字段，可以对BABEL_ENV或者NODE_ENV指定的不同的环境变量，进行不同的编译操作

"presets"

   这个是babel6新加的，就是代表需要启动什么样的预设转码，在babel中，预设了6中，分别是

   es2015  ,stage-0 ,stage-1 ,stage-2 , stage-3 ,react

 

require hook

 require hook 的作用就是替换原来的require，以便在自动加载对代码进行编译运行

 其实这个做的便是重写require.extensions 中对应的扩展名的加载程序，并且默认会判断这个文件是否是 node_modulesz中的模块。，如果是的

话，那么将不会进行转换。否则的话进行转换

基本的格式就是

 

{
  "presets": [],
  "plugins": []
}

presets 字段是用来设定转码规则，，具体看官方的   https://babeljs.io/docs/plugins/

 

先下载所要使用的转码规则插件然后将其写到  .babelrc文件中

presets 其实就是一堆plugins的预设起到了方便的作用如果不采用 presets 完全可以单独引用某个功能 

 

{
  "presets": ["es2015", "stage-2"],
  "plugins": ["transform-runtime"],
  "comments": false
}

一种简单的使用方式