.babelrc文件的一些简单的配置
2016-12-25 22:28
316 查看
首先现在根目录先生存.babelrc文件
这个文件是用来设置转码的规则和插件的
如果想使用es6语法,必须安装插件
什么是.babelrc文件呢? 熟悉linux的同学一定知道,rc结尾的文件通常代表运行时自动加载的文件,配置等等,类似bashrc,zshrc
而且在babel6中,这个文件必不可少。
里面可以对babel命令进行配置,以后再使用babel的cli的时候,可以少一些配置。
还有一个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
}
一种简单的使用方式
这个文件是用来设置转码的规则和插件的
如果想使用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
}
一种简单的使用方式
相关文章推荐
- .babelrc文件的一些简单的配置
- DNS查询与BIND名字服务器的一些简单配置文件说明
- 简单的spring,springmvc,mybatis,maven,mysql,mongodb的一些配置文件,自己用的
- OWA一些功能的简单配置
- struts简单例子的分析(含代码注释和配置文件说明)
- 配置文件和简单格式的文件读取类的设计和实现
- struts简单例子的分析(含代码注释和配置文件说明)
- winform配置文件的简单使用
- java 属性文件(配置文件)的简单操作
- winform配置文件的简单使用
- hibernate-MySQL配置文件及简单应用(CRUD)
- 本地备份 PuTTY 配置文件的简单方法
- struts简单例子的分析(含代码注释和配置文件说明)
- SELinux配置文件简单说明
- Windows XP下,用户配置文件损坏或丢失的简单快捷解决方法
- load_file()查看常用的一些配置文件
- linux下安装oracle10g的一些配置文件
- SmartAssembly,用一行代码和简单的配置文件,几分钟轻松搞定客户端软件的自动升级。
- PHP 文件、正则的一些简单操作
- 对自定义配置节点的一些简单认识