使用babel插件集
1).打开配置文件".babelrc",配置插件集,代码如下:
{
"presets":["latest"]
}
2).安装babel插件集,打开命令窗口,输入如下命令:
npm install babel-preset-latest
3).开发者需要注意的是,babel只对ES6的新语法进行转码,不会转换成新的API,比如不支持转码Object.assign函数,如果开发中用到的新的API,可以使用babel-polyfill添加垫片。安装垫片代码如下,
npm install babel-polyfill
4).安装成功之后,在入口脚本文件头部加入垫片,代码如下
import “babel-polyfill”;
5).如果在Node.js环境里运行javascript文件,除了可以使用命令在运行前进行转码外,也可以使用钩子在运行时进行转码,创建server.js 文件,输入如下代码
import "http"
console.log("Hello world");
6).打开命令窗口,输入命令,运行server.js,命令如下:
node server.js
因为Node.js 不支持es6的important语法,会出现报错信息"Unexpected token import".
7).打开命令行窗口,安装钩子,命令如下:
npm install babel-register
8).创建hook.js 文件,注册钩子,代码如下:
require("babel-register");
require("./server");
9).运行钩子文件,打开命令行窗口,输入如下命令:
node hook.js
成功打印信息 "Hello World"
BABEL官网提供了一个在线转换的页面https://babeljs.io/repl/,可以实时查看es6转码成es5的格式,还可以配置不同的插件以及插件集,对学习es6以及babel非常有帮助。
最新文章
- 购物车数字加减按钮HTML+CSS+JS(有需要嫌麻烦的小伙伴拿走不谢)
- Oracle重新装机后如何快速还原以前表和用户
- ENode 2.0 - 第一个真实案例剖析-一个简易论坛(Forum)
- 分享google的技能的11个级别,大家看看自己到哪个级别了?
- Android 微信UI 、点击操作
- java基础知识回顾之java Thread类学习(十一)--join方法的理解
- ASP.NET MVC NonActionAttribute使用说明
- WPF中通过代码定义模板
- 【HDOJ】1561 The more, The Better
- 【转】使用adb命令对手机进行截屏(截图)保存到电脑,SDCard
- 《Python爬虫学习系列教程》学习笔记
- Sqlserver2008安装部署文档
- SQLServer性能优化
- Jenkins 配置CI/CD任务
- Generalizations
- JDBC(5)—DatabaseMetaData
- 高可用hadoop的hdfs启动的时候namenode启动不了
- 在mvc中动态加载菜单
- jdk8-lambda-stream的使用
- 通过汇编一个简单的C程序,分析汇编代码理解计算机是如何工作的
热门文章
- Java 快速入门-06-JDK 目录文件说明
- 你真的了解Fragment的生命周期吗?
- Perl常用语法
- 乘风破浪:LeetCode真题_008_String to Integer (atoi)
- EXP-00032: Non-DBAs may not export other users
- August 28th 2017 Week 35th Monday
- 使用信号进行同步 sem_post
- WebDriverException: Message: A session is either terminated or not started
- SQL的别名和SQL的执行顺序和SQL优化
- yum安装工具的理解