Babylon

Babylon精品文章

• 

  Babylon-AST初探-代码查询(Retrieve)

  ...   本文中所有对AST的操作均基于以下这一段代码 const babylon = require(babylon) const t = require(@babel/types) const generate = require(@babel/generator).default const traverse = require(@babel/traverse).default con...

  wangdai 2019-08-26 11:56 评论0 收藏0
• 

  深入了解babel（二）

  ...orm），生成（generate）。对应着babel-core源码中分别用到的babylon、babel-traverse、babel-generator。 （1）Babylon Babylon 是 Babel 的解析器。最初是 从Acorn项目fork出来的。Acorn非常快，易于使用。 import * as babylon from babylon; const code = `fu...

  ChanceWong 2019-08-21 17:17 评论0 收藏0
• 

  深入了解babel（二）

  ...orm），生成（generate）。对应着babel-core源码中分别用到的babylon、babel-traverse、babel-generator。 （1）Babylon Babylon 是 Babel 的解析器。最初是 从Acorn项目fork出来的。Acorn非常快，易于使用。 import * as babylon from babylon; const code = `fu...

  mj 2019-08-01 17:53 评论0 收藏0
• 

  Babylon-AST初探-代码更新&删除(Update & Remove)

  ... 将加法运算替换成乘法 const code = `const c = a + b` const ast = babylon.parse(code) traverse(ast, { BinaryExpression(path) { // 注意这里要有判断，否则会无限进入`BinaryExpression` // https://stackoverflow.com/que...

  levius 2019-08-26 11:56 评论0 收藏0
• 

  babel的初步了解

  ...就会拥有解释，遍历，以及生成的一系列工具和api： 1）babylon：babel里面用来将js代码词法分析，生成ast，他的结构有些像acron，它的返回的结构里面包含着ast和tokens。 require(babylon).parse(code, { // parse in strict mode and allow module de...

  _Dreams 2019-08-23 14:16 评论0 收藏0
• 

  通过实现一个简易打包工具，分析打包的核心原理

  ...都转成浏览器能够执行的ES5版本，它的核心就是通过一个babylon的js词法解析引擎来分析我们写的ES6以上的版本语法来得到AST(抽象语法树)，再通过对这个语法树的深度遍历来对这棵树的结构和数据进行修改。最终转通过整理和修...

  red_bricks 2019-08-23 16:33 评论0 收藏0
• 

  Babylon-AST初探-实战

  ... 下面的例子的核心代码依然是最简单的一个vue示例 const babylon = require(babylon) const t = require(@babel/types) const generate = require(@babel/generator).default const traverse = require(@babel/traverse).default cons...

  godiscoder 2019-08-26 11:56 评论0 收藏0
• 

  Babel从入门到插件开发

  ...则是用的最多的一个。 Babel的解析引擎 Babel使用的引擎是babylon，babylon并非由babel团队自己开发的，而是fork的acorn项目，不过acorn引擎只提供基本的解析ast的能力，遍历还需要配套的acorn-travesal, 替换节点需要使用acorn-，而这些开...

  Jinkey 2019-08-20 17:50 评论0 收藏0
• 

  打包工具的配置教程见的多了，但它们的运行原理你知道吗？

  ...inipack.js */ const fs = require(fs) const path = require(path) const babylon = require(babylon) const traverse = require(babel-traverse).default const { transformFromAst } = require(babel-core) 接...

  MoAir 2019-08-22 18:03 评论0 收藏0
• 

  babel归纳总结

  ...换（transform），生成（generate），对应的三个插件分别是Babylon、babel-traverse、babel-generator。babylon将源码转换为抽象语法树（AST）；babel-traverse通过AST生成一个便于操作、转换的path对象，供我们的babel插件处理；babel-generator读取AST...

  v1 2019-08-23 16:12 评论0 收藏0
• 

  eslint prettier的配置选项（参数）官网直译

  ...-end-< int > rangeEnd: < int > Parser 指定使用哪一种解析器。 babylon和flow都支持同一套JavaScript特性（包括Flow）.Prettier将自动根据文件的输入路径选择解析器，如非必要，不要修改该项设置。 内置的解析器包含： babylon flow typescript v1...

  terasum 2019-08-22 13:54 评论0 收藏0
• 

  【译】关于转译器 JavaScript 程序员需要知道的

  ...如 Dart 或 CoffeeScript 之中。 当初，使用 TypeScript 来编写 Babylon.js 的时候，David Catuhe 指出来，使用 Babylon.js 的开发者不会察觉到 TypeScript 编写的新版本与 JavaScript 编写的老版本之间的差异。他还提到，引入 TypeScript 帮助他找...

  freecode 2019-08-21 14:07 评论0 收藏0
• 

  Web 前端中的增强现实（AR）开发技术

  ...别和追踪 marker 的功能，本文附录中还有补充。 Three.js, Babylon.js, A-Frame。这几个都是基于 WebGL 的渲染库，用于渲染要在 AR 环境中显示的东西，下文会扩充。 由此观之，AR.js 像是一个把所有轮子都拼起来的瑞士军刀，简单易用。...

  Jochen 2019-08-22 17:18 评论0 收藏0