babel-register与babel-node

前面的话

最近做项目用到这两个模块，用法记录一下。

原文地址：babel-register 和 babel-node 的使用

使用

Babel 6 中 babel-register 和 babel-node 两个模块是开发时非常好用的转码工具。先来看一下如何使用：

1、 babel-register

安装：npm install babel-register
作用：babel-register 实际上为require加了一个钩子（hook），之后所有被 node 引用的 .es6、.es、.jsx 以及 .js 文件都会先被 Babel 转码。

使用示例：

 //index.js  console.log('Hello World!');//register.js   require("babel-register");  require("./index.js");node register.js

2、 babel-node

安装：npm install babel-node
作用：替代 CLI 中的 node 命令，可以直接运行采用 ES6 语法编写的代码。

使用示例：

 在 npm scripts 中：{   "scripts": {     //"script-name": "node main.js"     "script-name": "babel-node main.js"   } }

3、使用局限
尽管 babel-register 和 babel-node 都非常好用，但是由于二者都是实时转码，因而性能上会有一定影响。官方建议将二者仅置于开发环境下使用。而在正式生产环境中部署时，预先编译代码是值得推荐的做法。

babel-register与babel-node相关推荐

安装inde.html使用babel,reactjs – 使用Babel Standalone进行单个React组件渲染,仅使用index.html和Component...
Noob与React在这里.我正在玩React.我有一个简单的组件在我的component.js中呈现.它包含在我的index.html文件中.我在头部包含了React,ReactDOM和babel的 ...
前端学习第三十一课（ES6简介和babel的使用）
目录 1.ECMAScript简介 1.1 ES6 与 ECMAScript 2015 的关系 2.Babel转码器 2.1 安装babel 2.2 配置文件.babelrc 2.3 命令行转码 2 ...
《ECMAScript 6 入门教程》学习笔记Ⅰ
ECMAScript 6 简介 ECMAScript 和 JavaScript 的关系是,前者是后者的规格,后者是前者的一种实现(另外的 ECMAScript 方言还有 JScript 和 Actio ...
Cathy Zhang automation test
# 5-3 自动化测试 ## 课程介绍在前端界,浏览器兼容性是让工程师们头疼的问题,对于经验丰富的人来说,很清楚浏览器有哪些坑,但是对于大部分程序员,最可怕的是代码明明在这个浏览器运行得很好,但是到 ...
零基础到入门React SSR
第一章使用 react-router 创建express服务器 npm install express 第一节配置server.js 新建 server/server.js.js import p ...
react 服务器端渲染_服务器端渲染React应用程序的动手指南
react 服务器端渲染 In the previous article, we described how to make a production build and deploy it to a ...
Node.js webpack babel
问题: 高级语法,webpack不支持,需要babel来转换 class Person {static info = 'aaa' } 1.安装转换器 npm i -d babel-loader @ba ...
React系列---Babel
Babel是一个广泛使用的转码器,可以将ES6/ES7代码转为ES5代码.JavaScript在不断发展,各种新的标准提案层出不穷,由于浏览器的多样性导致可能几年之内都无法广泛普及,Babel可以让你 ...
ES6转ES5 你需要Babel
Babel介绍 Babel是一个 ES6 转码器,能将 ES6 代码转为 ES5 代码,这样原本不支持ES6的老版本浏览器执行ES6代码 // 转码前:使用了ES6箭头函数 items.map(ite ...
前端修仙路-Babel 7.x 详解
前端修仙路-Babel 7.x 详解前言:Babel 是一个 JavaScript 编译器,主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法,以便 ...

babel-register与babel-node

前面的话

使用

babel-register与babel-node相关推荐

最新文章

热门文章