排序
babel插件实战:console.log()在周四的时候,加入"疯狂星期四,v我50?"
前言 上期文章有个小伙伴提出了一个很有意思的提议 这提议很有创意,很有意思呀,那必须安排 需求描述 我们在本地开发的时候会打印一些console.log()来方便调试,和打印执行结果 比如 console.l...
如何编写一个babel插件?babel插件万能模板
前言 想要提高工作效率,想要更多的时间去摸鱼,那么babel插件绝对是一大利器。babel的强大之处就像《风云》中步惊云手中的绝世好剑一样,快如闪电,所向披靡,敌人无不望风而逃 但是有些同学感...
让我们把JS再向下拆解一层
抽象语法树是什么? 抽象语法树(Abstract Syntax Tree),是源代码语法结构的一种抽象表示。它以树状的形式表现编程语言的语法结构,树上的每个节点都表示源代码中的一种结构。各种编程语言都...
?泰裤辣!这是什么操作,自动埋点,还能传参数?
前言 在上篇文章讲了如何通过手写babel插件自动给函数埋点之后,就有同学问我,自动插入埋点的函数怎么给它传参呢?这篇文章就来解决这个问题我讲了通过babel来实现自动化埋点,也讲过读取注释...
?真的绝了,通过注释埋点好简单!!
这篇文章主要讲如何根据注释,通过babel插件自动地,给相应函数插入埋点代码,在实现埋点逻辑和业务逻辑分离的基础上,配置更加灵活 回顾 上篇文章也讲了向代码中插入埋点函数,只不过是给每个...
babel插件入门
简介 在前端项目中babel无处不在,这章将实现一个将代码console.log(xxx)转换为console.log('行号:',xxx)的babel插件。让我们对babel插件开发有初步的知识体系,从而可以针对自己业务实现对应的...
Babel解析
我正在参加「掘金·启航计划」 1. 写在前面 本文主要的目的是为客户端的小伙伴揭开 Babel 神秘的面纱,从原理的角度看这个优秀的项目,掌握作者的设计思想,知其然亦知其所以然。网上已经有很多...
the-super-tiny-compiler 源码解析
前言 babel是我们前端工程师日常工作经常接触的工具。那么它是什么,官网有这很好的解释。Babel 是一个工具链,主要用于将采用 ECMAScript 2015+ 语法编写的代码转换为向后兼容的 JavaScript 语...
webpack进阶知识之babel-polyfill和babel-runtime的区别
1. 在开始本章节前先学习一下必备前置知识 babel-loader:每一个浏览器对js语法兼容性不同,为了使浏览器对js的解析尽量保持一致,所以就出现了Babel。Babel把ECMAScript 2015+代码进行降级,用...
抛弃legacy,拥抱Babel
背景 公司项目使用Vite + Vue3技术栈,为了兼容低版本浏览器,使用@vitejs/plugin-legacy做代码转换,关于@vitejs/plugin-legacy是如何做代码转换的,参考我的这篇文章。 不过@vitejs/plugin-le...
babel 到底需不需要在入口引入 regenerator-runtime
介绍 看过 babel 文档的小伙伴都知道,在介绍 @babel/polyfill 的章节中,有这样一段描述: 原文: ? As of Babel 7.4.0, this package has been deprecated in favor of directly including co...