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。
-
系列文章目录 1、vuejs 无node单页应用方案一（vue标签component ，is实现） 2、vuejs 无node单页应用方案二（babel-standalone or traceur，vue-router实现） 本方案针对前片优化点的问题 1、模版按需懒加载（Promise和vue异步组件实现） 2、可以使用完全的es6语法 3、组件不会重复创建（vue-router不会
-
在我开始问题之前，这是我已经知道的避免相同答案的信息。 TL; DR： 我已经知道我可以使用网络服务器并将index.html用作http：// localhost：8081 / index.html，它将可以正常工作。 现在查看问题详细信息： 我创建了一个最小的react-js应用程序，在index.html文件中引用babel-standalone，如下所示：Minimal 并且index.j
-
1.前言： JS开发的时候，少不了跨浏览器这一项烦人的活计。不仅仅针对浏览器种类的不同，还有浏览器的版本的不同，我们编写的JS代码多少会受到影响，这将严重的复杂化我们编码的过程，因为需要考虑不同浏览器以及不同版本之间的js代码的可用性。是的我们的代码变得冗长。同时，由于JS社区的活跃，其针对于JS的语法规范，或者是JS标准的版本日新月异，如何将不同于法写出来的JS代码，轻松地放在另一个环境下使用变
-
持续更新 1.6 Babel 转码器 Babel ( babeljs.io／）是 个广为使用的 ES6 转码器，可以将 ES6 代码转为 ES5 代码，从而在浏览器或其他环境执行。这意味着可以用 ES6 的方式编写程序，而不用担心现有环境是否支持。下面是一个例子。 //转码前 input.map(item =>item+ 1) ; // 转码后 input.map(function （item)
-
概述 Babel 把 JavaScript 中 es2015/2016/2017/2046 的新语法转化为 es5，让低端运行环境(如浏览器和 node )能够认识并执行。 使用方法 Bable的三种使用方式只有入口不同，调用babel内核，处理方式是一样的 使用单体文件(standalone script) 使用命令行（cli） babel-cli cli 就是命令行工具。安装了 babel-c
-
说到 babel，一连串名词会蹦出来： babel-cli babel-core babel-runtime babel-node babel-polyfill ... 这些都是 babel 吗？他们分别是做什么的？有区别吗？ babel 到底做了什么？怎么做的？ 简单来说把 JavaScript 中 es2015/2016/2017/2046 的新语法转化为 es5，让低端运行环境(如浏览器和
-
Babel 是什么 最简单直白的说法是Babel 是一个编译器, 一个将es6+(等)其他更高级的javascript语法编译到指定版本(主要是一些比较老的浏览器所支持的版本)的js语法的 js -> js编译器 怎样使用Babel 浏览器端 体验Babel最简单的方式就是通过在<script>标签中直接使用babel-standalone了, 该软件包取代了已经过时的babel-brow
-
作者：小蘑菇哥哥 链接：https://juejin.im/post/5c19c5e0e51d4502a232c1c6 最近几年，如果你是一名前端开发者，如果你没有使用甚至听说过 babel，可能会被当做穿越者吧？ 说到 babel，一连串名词会蹦出来： babel-cli babel-core babel-runtime babel-node babel-polyfill ... 这些都是
-
Noob与React在这里.我正在玩React.我有一个简单的组件在我的component.js中呈现.它包含在我的index.html文件中.我在头部包含了React,ReactDOM和babel的脚本.我只想看到一个div正确渲染.我还没有使用Node,只是使用React和Babel(使用 babel-standalone).我正在使用一个简单的http服务器运行该文件.我在使用React C
-
官方文档 npm：npm install --save-dev @babel/preset-react cdn：https://unpkg.com/babel-standalone@6.26.0/babel.js cdn引入使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equ
-
SmoOne 是一个开源的移动 OA 应用，该应用开源代码中包含注册、登录、用户信息等基本功能，集成了 OA 中使用场景较多的报销、请假、部门管理、成本中心等核心功能。 功能详细介绍 1、注册 2、登陆 3、主页面和个人信息 4、报销功能 a，可创建消费模板，减轻同一类型报销时的工作量 b，在报销时可选择消费模板后自动填入模板中的数据，减少在创建消费记录时多余的工作量 c，创建报销单，进行
-
更改历史 * 2018-1-7 高天阳 2.2.2图片改文字 * 2018-1-6 高天阳 格式化文档 * 2017-5-11 高天阳 初始化文档 1 简介、用途 1.1 简介 标准的制定者计划，以后每年发布一次标准，使用年份作为版本号。ES6是在2015年发布的，所以又称为ES2015。 但ES6其实多用于泛指ES5.1版本后的下一代JS标准，它涵盖在ES2015版本上
-
Babel 是编写下一代 JavaScript 的编译器。 ES2015 and beyond。Babel 默认使用一组 ES2015 语法转换器，允许你使用新的语法，无需等待浏览器支持。 JSX and React。Babel 内置支持 JSX，与 babel-sublime 包一起结合，将语法高亮功能带到一个新的高度。 Pluggable。Babel 支持用户插件。允许你插入强大的 Babe
-
我已经安装了Babel7.5，这应该是理想的目标预置环境包，但不确定为什么它正在寻找“Babel-Preset-ES2015”。 你们能告诉我我犯了什么错误吗？下面是我的代码 package.json .babelrc 模块生成失败（来自./node_modules/babel-loader/lib/index.js): 错误：从“d:\shashank\projects\uploadutilit
-
Install npm install --save-dev @babel/types API anyTypeAnnotation t.anyTypeAnnotation() See also t.isAnyTypeAnnotation(node, opts) and t.assertAnyTypeAnnotation(node, opts). Aliases: Flow, FlowType,
-
Install $ npm install --save @babel/traverse Usage We can use it alongside the babel parser to traverse and update nodes: import * as parser from "@babel/parser"; import traverse from "@babel/travers
-
In computer science, this is known as an implementation of quasiquotes. Install npm install --save-dev @babel/template String Usage When calling template as a function with a string argument, you can
-
@babel/runtime is a library that contain's Babel modular runtime helpers and a version of regenerator-runtime. Installation npm install --save @babel/runtime See also: @babel/runtime-corejs2. Usage T