美文网首页
babel是如何将es6等代码转化为向后兼容的代码的?

babel是如何将es6等代码转化为向后兼容的代码的?

作者: 三分一把刀 | 来源:发表于2019-12-31 00:50 被阅读0次

1,首先,babel.parse插件会读取文件,将文件生成ast的语法树【类似与N层级的节点对象】

2,其次,babel.core插件会用transformFromAst进行转换,将会获取ast的内容,将内容根据配置做向后兼容【浏览器可识别的代码】,获取模块的依赖项

3,再次,@babel/traverse与babel解析器配合使用,将各个依赖进行向后兼容【循环操作各个依赖文件】

4,输出dist/bundle.js 已经做好向后编译兼容的代码

重要参考:https://juejin.im/post/5e04c935e51d4557ea02c097

相关文章

  • Babel入门

    Babel 是一个工具集,主要用于将 ES6 版本的 JS 代码转为 ES5 等向后兼容的 JS 代码: 语法转换...

  • babel是如何将es6等代码转化为向后兼容的代码的?

    1,首先,babel.parse插件会读取文件,将文件生成ast的语法树【类似与N层级的节点对象】 2,其次,ba...

  • Babel中plugins和presets的区别

    Babel是代码转换器,将es6转化为es5,将JSX转换为JS。 Babel Preset: Babel插件一般...

  • babel安装配置

    babel可以将ES6转化成ES5,很好用,直接上步骤。 不同版本的babel所转化的代码优化率以及兼容是有出入的...

  • 一文说尽 Babel 的前世今生

    作者: 多巴胺 一、Babel 是什么 Babel 是一个可以将 使用ES2015+语法的代码 编译成 向后兼容 ...

  • 从零开始写一个 Babel 插件

    相信目前常与 ES6 代码打交道的同学对 Babel 应该不会陌生,在 ES6 代码被编译转化为 ES5 代码的过...

  • Webpack和Babel

    Babel Babel 是 JavaScript 的编译器,用来将 ES6 的代码,转换成 ES6 之前的代码 官...

  • react native学习之:转码器介绍

    一) Babel转码器 Babel是一个广泛使用的ES6转码器,可以将ES6代码转为ES5代码,从而在现有环境执行...

  • babel配置与使用说明

    1 概述 babel是转码器,用于将es6的代码转换为es5的代码。提升代码在浏览器中的兼容性。 2 使用步骤 最...

  • ES6标准入门0-50页

    1.6 Babel转码器 Babel是一个广为使用的ES6转码器,可以将ES6代码转换为ES5代码,从而在浏览器或...

网友评论

      本文标题:babel是如何将es6等代码转化为向后兼容的代码的?

      本文链接:https://www.haomeiwen.com/subject/azmvoctx.html