babel
9篇文章 · 0订阅
  • 学习写一个简单的babel插件
    Babel 是现代前端工具链中极为重要的一环，也是高级开发、面试必须掌握的内容，今天通过一个简单的 🌰，来学习如何写一个 Babel 插件。
    Babel
  • 「前端基建」带你在Babel的世界中畅游
    「干货」近万字分享带你真正走进Babel的世界。从工程化前端中的babel各种配置的区别与联系分析，再到打造属于自己的Babel插件，从此带你真正领略前端领域中Babel编译之美！
    前端 Babel
    「前端基建」带你在Babel的世界中畅游
  • 从零开始编写一个babel插件
    我们编写的babel插件是所属于babel-loader,而babel-loader基本运行与webpack环境.所以为了检测babel插件的是否起作用，我们必须构建webpack环境. babel-traverse对AST树进行解析遍历出整个树的path. plugin转换出…
    前端 Babel
  • 《从 0 到 1 手写 babel》思路分享
    babel 是怎么实现的，编译流程是什么，内部有哪些包，如何从 0 到 1 写一个简易 babel，这篇文章帮你理清思路
    前端 Babel
    《从 0 到 1 手写 babel》思路分享
  • babel插件入门-AST（抽象语法树）
    Babel 是一个 JavaScript 编译器,它能将es2015,react等低端浏览器无法识别的语言，进行编译。 上图的左边代码中有箭头函数，Babel将进行了源码转换，下面我们来看Babel的运行原理。 解析（parse），转换（transform），生成（genera…
    Babel
  • babel原理及插件开发
    如今的前端界已经离不开ES6，然而老旧浏览器并不支持，项目中特别是国内公司又需要兼容低版本的老旧浏览器，多亏了babel这个神奇的工具，可以让我们的ES6代码运行在旧浏览器中。 大部分前端开发人员只是配置一下babel，根据需要装个插件之类，我想肯定少有人去研究babel转换E…
    前端 Webpack Babel
    babel原理及插件开发
  • 手把手教你写几个实用的的AST插件
    AST 是非常有用的。 今天下午听了小组一个老哥做的AST分享，深以为然。 为了加深印象，就写了篇总结，顺便分享给大家，希望能给朋友们一些启发。 AST有用，口说无凭， 且看几个具体的案例。 这些无不借助了AST。 下面我们就进入今天的内容。 1. AST 基本概念 在计算机科…
    前端
  • 面试官: 你了解过Babel吗？写过Babel插件吗? 答: 没有。卒
    遂卒.... 开玩笑的，既然提到了，又没回答上来什么，哎哟我这暴脾气，一想到今晚就睡不着，连夜把它撸了。 那么我们来从零写个插件吧。 你会发现Babel解析成表达式里面再嵌套表达式。 到这里，已经向你大概的讲解了，如何编写一个Babel插件，再也不怕面试官问我答不出什么了哈..…
    前端
  • 【前端工程化基础 - Babel 篇】简单实现 babel-plugin-import 插件
    前几个月写的一篇文章，还没在掘金发过。 平时在使用 antd、element 等组件库的时候，都会使用到一个 Babel 插件：babel-plugin-import，这篇文章通过例子和分析源码简单说一下这个插件做了一些什么事情，并且实现一个最小可用版本。 antd 和 ele…
    JavaScript 前端