.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
}

一种简单的使用方式

你可能感兴趣的:(前端自动化)