babel

hans7748829681 天前
前端·vite·babel
通过为前端项目接入GeoGebra,初步研究AI时代数学教案的生成方案我偶然刷到了这个视频,它给我一种强烈的感觉,就是下一代的每一个学生,只要会说HTML、Tailwind CSS、JavaScript这少数几个词,就能轻松生成属于自己的互动性极强的数学课件。我感受到了极其强烈的焦虑,下一代的学生,肯定能比我们这一代人更快地更新迭代自己的知识体系。我们一天才能学会的东西,他们可能一小时就能学会。以后他们的工作能力肯定能轻松碾压我们。所以至少在LLM尚未十分成熟的2025,我想走在下一代人的前面,哪怕只是用行动骗骗自己,有能力比下一代人更快驾驭LLM……
_一两风6 天前
前端·babel
深入浅出Babel:现代JavaScript开发的"翻译官"想象一下,你写了一封情书用了最新的网络流行语,但你的暗恋对象还在用十年前的手机——结果就是她完全看不懂你的心意。这就是现代JavaScript代码在不支持新特性的旧浏览器中运行的尴尬处境。而Babel,就是解决这个问题的"翻译官"。
bigyoung10 天前
前端·javascript·babel
babel 自定义plugin中,如何判断一个ast中是否是jsx文件在 Babel 自定义插件中,判断一个 AST 是否来自 JSX 文件,可以通过以下方法实现:检查文件扩展名: Babel 的插件可以通过 state.file.opts.filename 获取当前文件的名称,进而检查文件扩展名是否为 .jsx 或 .tsx(如果是 TypeScript JSX 文件)。
Nu1116 天前
前端·babel
@babel/preset-env的corejs、@babel/plugin-transform-runtime的corejs之间区别@babel/preset-env中设置corejs会污染全局环境,@babel/plugin-transform-runtime中设置仅影响局部。
MiyueFE1 个月前
前端·babel
深入浅出Babel插件开发:从AST到代码转换的完整指南嘿,各位前端小伙伴们!今天咱们来聊聊一个既神秘又强大的东西——Babel插件开发。别被"AST"、"代码转换"这些高大上的词汇吓到,其实Babel插件开发就像是给代码做"整容手术",让老旧的代码变得年轻时尚,让复杂的语法变得简单易懂。
Canvas3 个月前
react.js·babel
如何用Babel获取JS函数的使用情况?一些老项目可能会遗留很多不需要的功能。如果可以知晓每个js文件的代码使用情况,就可以针对性的删除无用代码,减少项目体积&提升代码可读性。本文会简单实现一个函数使用情况插件供自己学习和大家参考~
敲代码的玉米C3 个月前
前端·javascript·babel
Babel实战指南:从基础概念到高效开发在现代前端开发中,Babel 是一个不可或缺的工具。它能让我们使用最新的 JavaScript 特性,同时确保代码在各种环境中正常运行。本文将从实践角度出发,带你深入了解 Babel 的使用方法和最佳实践。
何期骤雨降青霄3 个月前
前端·vue.js·babel
@asiimov/sfc-generator: 强大的 Vue 单文件组件生成工具之 parseSfcScript 详解上一篇介绍了如何操作 templateAst 来实现生成 template 代码,那么今天我们就来讲一下如何操作单文件组件中的 script 代码。
袋鼠云数栈UED团队4 个月前
前端·javascript·babel
基于AST实现国际化文本提取我们是袋鼠云数栈 UED 团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。
码云之上4 个月前
性能优化·rollup.js·babel
rollup进阶——为产物添加全局try-catch笔者参与开发的前端性能监控平台使用了OpenTelemetry作为监控日志的标准协议。而在使用过程中发现该协议提供的库中使用了较新的 ES6 特性,在低版本浏览器中不支持,触发了ReferenceError。从而中断了主线程,引发严重的页面白屏问题。
护国神蛙5 个月前
前端·javascript·babel
组长说:公司的国际化就交给你了,下个星期给我“小王啊,海外业务要上线了,国际化你搞一下,下个月验收。”组长轻描淡写的一句话,让我盯着祖传代码陷入沉思——
德莱厄斯5 个月前
前端·javascript·babel
三行代码完成国际化适配,妙~啊~国际化适配一直以来都是一个棘手的问题,尤其是在项目一开始没有考虑的情况下,我们需要修改大量源码,使用类似于 ${t.xxx} 的占位符去一一修改我们已经写好的文字(如最耳熟能详的vue-i18n)。这个工程量在项目后期是巨大的,令人无法接受的。
字节颤抖5 个月前
前端·uni-app·es6·vue3·vite·babel·兼容
vite+vue3开发uni-app时低版本浏览器不支持es6语法的问题排坑笔记
过云鱼9 个月前
面试·babel·前端工程化
Babel 快速上手Babel 是一个广泛使用的 JavaScript 编译器,它允许开发者编写下一代 JavaScript 代码(如 ES6/ES2015 及更高版本),并将其转换为向后兼容的 JavaScript 代码,以便在各种环境中运行,包括旧版浏览器。
aoi1 年前
javascript·babel
Babel 示例插件:处理 AST 替换变量、箭头函数Babel 前段时间听闻后感觉神秘,无从下手?非常理解🧐编写一个示例后,你会发现它只是一个将 ES6 代码转换为 ES5 的 JavaScript 工具,使我们能在不支持 ES6 的环境中运行代码。Babel 的工作是先将代码解析为抽象语法树(AST),然后遍历这棵树,对其节点进行操作,最终生成新的代码
文艺理科生1 年前
前端·webpack·babel
Webpack项目构建入门:babel的核心角色最近在梳理webpack打包构建的相关内容,本着一起( 卷 )面对寒冬的心态,把整个思考和分析过程分享出来。各位看官有任何想法都可以在评论区留言,感谢支持~
阿镇吃橙子1 年前
vue.js·vite·babel
由浅入深 ——Vite工具链学习总结在前端的发展过程中,我们见证了诸如 webpack、Rollup 和 Parcel 等工具的变迁,它们极大地改善了前端开发者的开发体验。我们知道前端构建工具的当下依旧是webpack,那么Vite会是未来吗?
总之就是非常可爱1 年前
前端·babel
提升前端开发效率:利用 Babel 实现 JavaScript 文件的定制化修改因为公司前端架构,在一些情况下需要对vue的路由的meta字段新增或删除很多属性,随着项目规模的扩大,如果手动加配置就会变得很麻烦。 为了简化这一过程,我们需要对路由进行一些自动化的处理,以提高开发效率。本文将介绍一个基于 Babel 的 nodejs 脚本,用于自动化修改 JavaScript 文件。
月下点灯1 年前
前端·javascript·babel
小白也能看懂的AST抽象语法树+babel插件开发教程文本babel插件开发将用到babel-cli脚手架环境,并结合一个AST抽象语法树查询网站AST Explorer,让你开发插件时能够快速定位对应js代码的AST节点, 并通过几个demo让你快速了解如何开发一个babel插件。
let_code1 年前
前端·babel
BabelBabel 可以干什么:首先,webpack 中 loader 的本质就是一个函数,接受我们的源代码作为入参同时返回新的内容。