专栏首页FECodingbabel-register 和 babel-node 的使用

babel-register 和 babel-node 的使用

Babel 6 中 babel-registerbabel-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" } }
    • 在命令行中:
      • 全局安装 babel-nodebabel-node main.js
      • 本地安装 babel-node./node_modules/.bin/babel-node main.js

3. 使用局限

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Babel 6 特性总结

    env : process.env.BABEL_ENV or process.env.NODE_env

    逆葵
  • JavaScript 前端倒计时纠偏实现

    前端网页倒计时是非常常见的应用,我们在各大购物网站的秒杀活动中总是能见到它的身影。但是在实际情况中,我们常常会发现当网页不刷新、让倒计时程序持续运行时,显示时间...

    逆葵
  • Web 安全漏洞 SSRF 简介及解决方案

    Update: 掘金评论区有同学提出通过域名获取 IP 地址时可能遭遇攻击,感谢提醒。本人非安全专业相关人士,了解不多,实在惭愧。

    逆葵
  • 2019 前端工程师自检清单与思考

    对于 JavaScript,掌握其语法和特性是最基本的,但是这些只是应用能力,最终仍旧考量仍然是计算机体系的理论知识,所以数据结构,算法,软件工程,设计模式等基...

    桃翁
  • 2019前端工程师自检清单与思考

    对于JavaScript,掌握其语法和特性是最基本的,但是这些只是应用能力,最终仍旧考量仍然是计算机体系的理论知识,所以数据结构,算法,软件工程,设计模式等基础...

    super.x
  • 超级简单加解密工具

    py3study
  • 使用Webservice读取网络上的天气预报

      Web Services是由企业发布的完成其特定商务需求的在线应用服务,其他公司或应用软件能够通过Internet来访问并使用这项在线服务。具体来说它可以完...

    the5fire
  • 日志采集技术笔记

    使用Linux的rename机制保证文件写入要么成功,要么失败,绝对不能出现写了一半的情况。

    哒呵呵
  • 如何使用 docker 高效部署 Node 应用

    一个合理并且高效的部署方案,不仅能够实现快速升级,平滑切换,负载均衡,应用隔离等部署特性,而且配有一套成熟稳定的监控。

    山月
  • Swift:瀑布流 网络加载图片 Swift5

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 ...

    菜菜不吃蔡

扫码关注云+社区

领取腾讯云代金券