首页 > 编程语言 > 详细

JavaScript 编译器-Babel

时间:2018-11-29 23:42:45      阅读:117      评论:0      收藏:0      [点我收藏+]

Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。这意味着,你可以现在就用ES6、ES7编写程序,而不用担心现有环境是否支持。

技术分享图片

一、全局安装babel工具

在保证node和npm安装完成前提下在终端输入以下命令:

$ npm install -g babel-cli

二、配置 .babelrc文件

Babel的配置文件是.babelrc,存放在项目的根目录下。

 

注意:windows不允许文件.开头,所以创建一个a.txt然后用CMD→$ rename a.txt .babelrc来改名。

 

该文件用来设置转码规则和插件,基本格式如下:

 

{
  "presets": ["es2015"],//设定转码规则(翻译器)
  "plugins": []
}

三、安装babel-preset-es2015

虽然已经安装了babel-cli,只是这样还不能成功进行转换,我们还需要安装转换包才能成功转换。

$ npm install --save-dev babel-preset-es2015

安装完成后,我们可以看一下我们项目文件夹的package.json文件,已经多了devDependencies选项。

技术分享图片

四、使用

 终端输入如下命令:

$ babel  待转换文件 -o 转换后文件

 

现在你可以尽情使用babel了!

 

JavaScript 编译器-Babel

原文:https://www.cnblogs.com/guchengnan/p/10041627.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!