//
$ echo '{ "presets": ["es2015","react"] }' > .babelrc
# ES2015转码规则
$ npm install --save-dev babel-preset-es2015
# react转码规则
$ npm install --save-dev babel-preset-react
# ES7不同阶段语法提案的转码规则(共有4个阶段),选装一个
$ npm install --save-dev babel-preset-stage-0
$ npm install --save-dev babel-preset-stage-1
$ npm install --save-dev babel-preset-stage-2
$ npm install --save-dev babel-preset-stage-3
//
$ npm install --global babel-cli
--------------------------------------------------------------
//
$ babel-node
> [1,2,3].map(x => x * x)
[ 1, 4, 9 ]
--------------------------------------------------------------
// point.js
export class Point {
constructor(x, y) {
this.x = x;
this.y = y;
}
}
if (require.main === module) {
let pt = new Point(7,4);
console.log(`My point: ${JSON.stringify(pt)}`);
}
$ babel-node point.js
My point: {"x":7,"y":4}
--------------------------------------------------------------
http://babeljs.io/docs/setup/#node
http://www.2ality.com/2015/03/babel-on-node.html
http://www.ruanyifeng.com/blog/2016/01/babel.html
分享到:
相关推荐
babel 学习记录笔记 npx babel src/index.js 查看编译效果
Babel插件:跟踪 这是插件和宏,它添加了简单明了的声明性语法,用于向JavaScript应用程序添加调试日志记录。 什么? 在编写棘手的代码时,通常会插入console.log()语句来帮助跟踪功能的内部状态。 在开发过程中这...
babel-plugin-catch-reporter 一个 babel 插件: 如果您忘记这样做,请将 catch 子句添加到您的 Promise 中。 向所有 catch 子句添加记录器,无论是 catch 块还是 promise .catch()函数调用。 需要时自动导入...
这是一个粗略且记录不良的测试应用程序,显示了如何使用Flask-Babel和gettext来翻译Flask应用程序。 它最有趣的部分是javascript内容的翻译,因为在Internet上找不到与此主题相关的连贯文档。 创建应用程序 照常...
已淘汰babel-polyfill-silencer Webpack使用的微库,可避免babel隐式导入core-js ... 欢迎对此进行记录的PR :grinning_face_with_smiling_eyes: 最后,如果使用babel-transform-runtime将其传递给选项{polyfill: false}
历史记录:babel-minify从babili重命名。 目录 实验性 babel-minify是一个实验性项目,尝试使用Babel的工具链(用于编译)以类似的方式进行最小化。 当前位于0.x中,因此我们不建议在生产中使用它。 如果需要帮助...
formidable-react-native-app-boilerplate, 响应 Native/Redux/Babel 样板 ##formidable-react-native-app-boilerplate响应 Native/Redux/Babel...特性babel/ES2015支持ES6类支持通过 redux-thunk 和控制台日志记录通过
一个简单的React计数器应用程序的样板,使用: 用于构建的 塔 用于热加载 用于状态管理的 用于操作日志记录和时间旅行 入门 git clone https://github.com/cameronfletcher92/redux-boilerplate.git cd redux-...
Lambda + TypeScript + WebPack + Babel入门项目 该项目演示了使用以下技术: :AWS Lambda允许开发人员将可执行JavaScript代码包部署到AWS基础架构,并使它可执行,而不必担心管理服务器。 : webpack用于从利用ES6...
使用babel,eslint设置一个npm项目,现在使用emacs对其进行编辑。 先决条件 EMACS 24或更高版本。 npm 吉特 设置 资料库 克隆此存储库。 删除.git目录以摆脱以前的历史记录。 重新初始化git。 git clone ...
只好根据命令行的报错逐个排查,发现babel升级了一个大版本,已经到7.x了。看来每日沉迷项目,已经跟不上节奏了。这里记录一下遇到的问题以及解决方案。 1.webpack 4.x 插件 extract-text-webpack-plugin (node:...
p5.js-es6样板使用babel,webpack和sass在es6中编写p5.js草图的样板。用法克隆存储库而不包含整个历史记录: git clone --depth 1 git@github.com:mkontogiannis/p5.js-es6.git 将CD放入目录并安装依赖项: cd ...
基于Babel框架实现的 javascript 自定义控制流混淆插件 测试ui 调用例子 node ./bin/run.js 功能 控制流混淆 参数名混淆 自定义检测点 自定义返回控制流形式【if,switch】 多个函数合并成一个控制流 更新记录 ...
如何开始专门的git clone命令以及rm -rf .git确保不复制jolteon的git历史记录,以便您可以输入新的jolteon项目,并git init使用新的遥控器,新的历史记录等git init新项目。gulp gulp-cli是需要运行gulp并已安装...
使用应用程序时记录单元测试。 TL; DR:类固醇的笑话快照 安装 npm i -g unit-test-recorder 用法 程序 确保您使用的是git,并且没有未提交的更改。 运行unit-test-recorder <your>.js 。 通常是index.js或server....
vue-cli-template-library 开发开源vue.js库的模板您爱上了Vue.js,想创建自己的经过单元测试和记录的库,以便与所有人共享,但是您不想花费所有时间进行设置吗? 该模板适合您! 它将负责自动管理版本控制和发布到...
: [ " effector-logger/babel-plugin " ]}创建React App和宏支持只需使用effector-logger/macro : import { createStore , createEvent } from 'effector-logger/macro' ;调试一些模块打开您需要调试的模块(js / ...
:crystal_ball: 魔术类型使用TypeScript神奇地记录React组件和其他内容入门安装babel-plugin-macros magical-types用作 。 除非您使用Create React App或Gatsby,否则需要安装它并将其添加到Babel配置中。yarn add ...
Babel,React,流程类型(ES6和7,流程类型,React) 提供一个特殊的require().then() ,它将任何软件包自动安装到本地存储: // example const app = ( ) => log ( 'libs imported' ) require ( 'lodash' , '...
本项目使用koa构建服务,前端React,React路由器,redux,react-redux,postcss,es6,babel等,webpack和gulp整合打包合并,打包后的项目资源代码自动上传到七牛云 提供快速建造项目结构,自动化建设开发流程,自动...