最新公告
  • 自助下单 自动发货 58学课 欢迎您【客服QQ:260837161】
  • 掘金小册Babel 插件通关秘籍

    • 在线网盘 点击查看详情 购买后内容一样

    作者介绍

    某一线大厂某架构组前端工程师,公众号[神光的编程秘籍],维护公司的 builder 和 ide,对编译原理、前端工程化有一定的研究。

    小册介绍

    实战案例源码

    babel 已经是前端领域的必备工具了,它可以让我们使用一些新的语法和 api,babel 会在编译的过程中转为目标环境的支持的语法并引入 polyfill。

    而且,babel 也提供了强大的插件机制,我们可以通过它暴露出的 api 来开发各种代码转换插件。

    babel 是一种源码到源码的转换编译器,学习 babel 的原理的过程也会学到编译原理的一些知识。

    除了用来编译代码外,babel 也经常用来做静态分析,分析代码,提取信息,然后用于生成文档、lint、type check 等。

    我们会用大量的实战案例,让你真正能够把 babel 基于 AST 的代码转换和静态分析能力用起来。

    实战部分包括:

    自动国际化:自动转换代码为国际化之后的,自动引入资源包并替换代码中的文本

    自动生成文档:自动生成 api 文档,不再需要手动去维护。

    自动埋点:自动进行函数插桩,埋点是一种常见的函数插桩。

    linter: 探索 eslint、stylelint 等 lint 工具的实现原理,能够实现各种 lint 插件。

    type checker:实现简单的 ts 类型检查,会对 typescript 的类型检查的原理会有更深的理解。

    压缩混淆:前端必用工具之一,探索它的实现原理,压缩怎么做,混淆怎么做,怎么用 babel 实现,开阔下思路。

    js 解释器: AST 除了转译、静态分析外,还可以直接解释执行,学完这个案例可以知道解释器是怎么解释代码的。

    模块遍历器:基于 babel 做模块的遍历,理解打包工具的依赖图构建原理。

    手写 babel: 手写 babel 是为了加深对 babel 的理解,真正掌握 babel。

    小册分为 babel 插件基础、babel 插件进阶、babel 插件实战、手写简易的 babel 四部分内容:

    你会学到什么?

    • babel 的编译流程、AST、api
    • babel 插件和 preset 的方方面面
    • js parser 的历史
    • babel macros
    • babel 内置功能的实现思路
    • 实现一个 lint 工具
    • 实现一个 ts type checker
    • 自动埋点
    • 自动国际化
    • 自动生成文档
    • 压缩混淆的原理
    • 打包工具的模块依赖图是怎么生成的
    • 手写一个简易的 babel

    适宜人群

    • 熟悉 js 语法,用过 babel
    • 想深入了解 babel 原理的前端开发者
    • 想入门编译原理的工程师
    每天成长一点点,要比别人快一步
    58学课 » 掘金小册Babel 插件通关秘籍

    常见问题FAQ

    如何下单?如何下载?
    ->> 点击查看 自助下单,自动发货,下单后,页面会自动刷新,显示百度网盘地址
    如何查看下单后的内容?
    在线网盘 点击查看详情 下单后内容一样
    本站不议价 !
    本站不议价,不支持无理由退换,看清楚再下单
    更多常见问题?
    ->> 点击查看

    发表回复

    Hi, 如果你对这个资源有疑问,可以跟我联系哦!

    联系客服
    • 13203会员总数(位)
    • 5258资源总数(个)
    • 75本周发布(个)
    • 1 今日发布(个)
    • 1509稳定运行(天)

    自助下单 自动发货 58学课 欢迎您

    加入我们