Babel开源类库 Babel-Standalone

MIT
JavaScript
跨平台
2016-05-03
曾建凯

#Babel# 是一个很好的开源类库,但他是基于node.js的环境开发的,而且他的插件已经转用es6编写了。

幸好,我们还有babel-standalone,他的设计初衷就是基于非node.js环境下使用 #Babel# ,这里是他原文的介绍:

    babel-standalone is a standalone build of Babel for use in non-Node.js environments, including browsers. It's bundled with all the standard Babel plugins and presets.

他已经包含了Babel所有的插件,虽然本体容量很大(目前版本 6.7.7,未压缩的js文件1.6MB,压缩了则为641kb),不过这阻挡不了我们的对es6的热爱,使用这个类库,可以让你实时在线转换es6为js,而且支持babel提供的各种插件,而且最关键的是全特性支持,包括amd包裹,将import转换为amd的require等等。比如,如下的es6代码:

import hello from "any!./hello.coffee";

console.log(hello);

let fun = () => console.log('hello es6')

class Test {

}

module.exports = Test;

他会转换出以下的js:

define(["module", "any!./hello.coffee"], function (module, _hello) {
  "use strict";

  var _hello2 = _interopRequireDefault(_hello);

  function _interopRequireDefault(obj) {
    return obj && obj.__esModule ? obj : {
      default: obj
    };
  }

  function _classCallCheck(instance, Constructor) {
    if (!(instance instanceof Constructor)) {
      throw new TypeError("Cannot call a class as a function");
    }
  }

  console.log(_hello2.default);

  var fun = function fun() {
    return console.log('hello es6');
  };

  var Test = function Test() {
    _classCallCheck(this, Test);
  };

  module.exports = Test;
});

怎么样,看着是不是觉得有点小激动呢?从此可以彻底摆脱old school的javascript,让我们更优雅的编写js吧!

安装使用:bower install babel-standalone --save

加载中

评论(0)

暂无评论

暂无资讯

暂无问答

Babel指南 - 基本环境搭建

ES6指引了美好的JavaScript未来,但是学习ES6需要有实际的使用环境,而JavaScript又是非常依赖于运行环境的语言。Babel为我们提供了一个实时转译、运行ES6的机制,本文对基本开发环境如何搭建...

2016/05/02 06:20
2.9K
6
Babel 转码器

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

2018/08/14 09:41
3
0
(2)集成element-ui

(2)集成element-ui 1 安装element-ui依赖 cnpm install --save element-ui 2 按需引入 借助 babel-plugin-component,我们可以只引入需要的组件,以达到减小项目体积的目的。 首先,安装 ...

2018/10/18 08:41
30
0
纯干货分享: 如何在 React 框架中使用SpreadJS

第1步:设置HTML5页面 首先,我们需要在页面中添加对React的引用: <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>SpreadJS React Demo</tit...

2018/05/25 16:04
22
0
编译新一代PostgreSQL管理工具 pgAdmin4

pgAdmin社区正在积极开发新一代PostgreSQL管理工具 pgAdmin4,本文是编译运行步骤,社区期待大家的参与。

2016/04/15 17:30
7.4K
1
Es6简介

ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了。它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。...

2018/11/10 19:58
0
0
react系列(1)入门

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/zeping891103/article/details/78626180 寄语 React对初学者入门较难,它也是现在前端三大主流框架之一。想了...

2018/11/28 15:24
2
0
做个小东西 require-any

前两天,有个朋友跑来问React上手的问题。吧啦吧啦说了很多,但事后想了一下,其实React对于一般的前端来说,上手还是有些头疼的。 其中最头疼的就是开发环境的初始化。 毕竟React面向的是W...

2016/04/29 22:13
142
1

没有更多内容

加载失败,请刷新页面

返回顶部
顶部