首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏前端框架

    有了它,公司的屎山代码就有救了!

    react-dev-inspector pnpm install -D @react-dev-inspector/vite-plugin pnpm install -D @react-dev-inspector/babel-plugin inspectorServer() as PluginOption, react({ babel: { plugins: [ "@react-dev-inspector/babel-plugin

    28600编辑于 2025-05-04
  • 来自专栏腾讯IVWEB团队的专栏

    开往春天的 Feflow - 全新架构设计

    你可以把开发套件概念可以理解为类似 babel-presets 和 babel-plugin 的关系,babel-presets 是一系列 babel-plugin 的集合,开发套件其实也是由多个插件聚合而成

    1K30发布于 2020-06-28
  • 来自专栏全栈程序员必看

    平庸前端码农之蜕变 — AST

    当我们开发babel-plugin的时候,我们只需要描述转化你AST的节点“visitors”就可以了。 如果你想要学习怎么创建你的第一个babel-plugin,可以查看Babel-handbook 让我们继续,下一个用例,我想提到的是自动代码重构工具,以及神器JSCodeshift。

    62720编辑于 2022-09-13
  • 来自专栏Super 前端

    vue2项目中如何使用es2020

    babel-plugin-/babel-preset- 将作为前缀注入任何名称中没有它的@-scoped 包 “@scope/mod” “@scope/babel-plugin-mod” 如果只给出@-scope 名称,babel-plugin /babel-preset 将作为包名称注入 “@scope” “@scope/babel-plugin” 官方地址:https://babeljs.io/docs/en/options#name-normalization

    1.5K10编辑于 2021-12-30
  • 来自专栏前端面试笔记

    react的jsx语法是怎样解析的

    React.createElement("div", {}, ...chidren), React.createElement("div", {}, ...chidren))代码块废话不多说直接上代码,下面是我写的一个简单的babel-plugin

    73130编辑于 2022-09-26
  • 来自专栏Super 前端

    vue2项目中如何使用es2020

    babel-plugin-/babel-preset- 将作为前缀注入任何名称中没有它的@-scoped 包 “@scope/mod” “@scope/babel-plugin-mod” 如果只给出@-scope 名称,babel-plugin /babel-preset 将作为包名称注入 “@scope” “@scope/babel-plugin” 官方地址:https://babeljs.io/docs/en/options#name-normalization

    2.4K20发布于 2021-11-08
  • 来自专栏前端面试笔记

    react的jsx语法是怎样解析的

    React.createElement("div", {}, ...chidren), React.createElement("div", {}, ...chidren))代码块废话不多说直接上代码,下面是我写的一个简单的babel-plugin

    99810编辑于 2022-10-29
  • 来自专栏前端面试笔记

    react的jsx语法是如何解析的

    React.createElement("div", {}, ...chidren), React.createElement("div", {}, ...chidren))代码块废话不多说直接上代码,下面是我写的一个简单的babel-plugin

    69420编辑于 2022-12-12
  • 来自专栏全栈前端精选

    平庸前端码农之蜕变 — AST

    当我们开发babel-plugin的时候,我们只需要描述转化你AST的节点“visitors”就可以了。 ? 将它加入你的babel插件列表中,设置你webpack的babel-loader配置或者.babelrc中的plugins即可 如果你想要学习怎么创建你的第一个babel-plugin,可以查看Babel-handbook

    92340发布于 2020-04-22
  • 来自专栏前端自习课

    【Web技术】780- AST 实现函数错误自动上报

    babel-plugin 环境搭建 这里我们使用 yeoman 和 generator-babel-plugin 来构建插件的脚手架代码。 然后新建文件夹: $ mkdir babel-plugin-function-try-actch $ cd babel-plugin-function-try-actch 生成npm包的开发工程: $ yo babel-plugin

    1.1K50发布于 2020-11-19
  • 来自专栏鱼头的Web海洋

    前端应该掌握的编译基础(基于 babel)

    图片来源:透過製作 Babel-plugin 初訪 AST Parse Babel 的第一步就是将源码转换为抽象语法树(AST) const babel = require('@babel/core') 一个新语法,就这么完成啦~ 参考资料 透過製作 Babel-plugin 初訪 AST 词法分析(Lexical analysis) 语法分析(Parsing) https://babeljs.io/docs

    72820发布于 2021-07-23
  • 来自专栏小鑫同学编程历险记

    开发 Babel 插件可以试试这个 CLI 工具

    总结 通过使用 yo babel-plugin-x 生成的插件模版来快速上手了第一个 babel插件,当你感受到了 babel 的作用后再去了解每个模块的作用,再去拆解每一块的功能也可能会更好~ babel-plugin

    1.7K20编辑于 2022-12-26
  • 来自专栏数栈技术分享

    你不容错过的babel-plugin-import史上最全源码详解!

    关于 import 的 AST 节点结构 用 babel-plugin 实现按需加载 中有详细说明,本文不再赘述。 在 用 babel-plugin 实现按需加载 中收集到依赖的同时也进行了节点转换与删除旧节点。一切工作都在 ImportDeclaration 节点中发生。 此插件经受住了时间的考验,同时对有需要开发 babel-plugin 的读者来说,也是一个非常好的事例。不仅如此,对于功能的边缘化处理以及操作系统的兼容等细节都有做完善的处理。

    2.7K20发布于 2021-05-14
  • 来自专栏前端Q

    组件化实战——组件知识和基础轮播组件

    /update UserInput 1.2 为组件添加jsx语法 1.2.1 搭建支持jsx语法的环境 jsx是babel的插件,因此要依次安装webpack,babel-loader, babel和babel-plugin

    1.1K40发布于 2021-07-29
  • 来自专栏前端技术地图

    [技术地图]

    也是一个比较有意思的库 react-live react实时编辑器和展示,主要用于文档 构建相关 bundlesize 检查包大小 codemod 使用babel-plugin来重写Javascript

    2.5K20发布于 2019-08-07
  • 来自专栏彭湖湾的编程世界

    【JavaScript】ESlint & Prettier & Flow组合,得此三神助,混沌归太清

    Flow Flow的意义 Flow是faceBook开源的一个JavaScript静态类型检查工具,作用类似TypeScript,但是它不像TS那样是一门独立的语言,而是作为一个babel-plugin

    1.4K20发布于 2019-09-29
  • 来自专栏终身学习者

    11个React Native 组件库和 Javascript 数据可视化库

    超过 3K stars 的 React Native Paper 是一个跨平台的 UI 组件库,它遵循了 material design 指南,支持全局主题化,还有一个可选的 babel-plugin

    14.1K11发布于 2019-05-13
  • 来自专栏JowayYoung谈前端

    你还在手动部署埋点吗?从0到1开发Babel埋点自动植入插件!

    ; } }, FunctionDeclaration(path, state){ ... } } }; }; babel-plugin keywords": [ "webpack", "plugin", "babel", "babel-loader", "前端", "工具", "babel-plugin

    1.5K20编辑于 2022-09-21
  • 来自专栏Web Front End

    一文聊完前端项目中的Babel配置

    简单来说 @babel/preset-env 是一系列 babel-plugin 的预设集合,默认情况下它允许我们在代码中使用一系列高版本 ECMAScript 语法,比如: // Source Code 之后如果有机会的话我会继续这个专题和大家分享一些实用的 Babel-Plugin 的编写以及 SWC 方向的拓展话题。

    2.2K10编辑于 2022-10-08
  • 来自专栏前端二次元

    在Vite中接入现代化的CSS 工程化方案

    styled-component "babel-plugin-styled-components" // 适配 emotion "@emotion/babel-plugin

    2.2K51编辑于 2023-11-12
领券