ES2015 & babel 实战：开发 NPM 模块
前言近一年来，JavaScript界关于ES6（ECMAScript 6，本文简称ES6）的讨论越来激烈，作为未来要统一全宇宙的语言（PHP是世界上最好的语言，但JavaScrip...
babel
在 Node 中使用 Babel 6 的一些简单分享
什么是Babel相信很多新手没有听说过Babel和ES6，如果你是老手的话，那么请自动忽略~ES6ES6也就是ECMAScript 6，也就是最新的一代js规范，添加了很多语言的特...
Webpack + React + Babel + Sass 项目模版
It took me several days to learn and assemble these pieces, so this boilerplate can save o...
PhpStrom 支持 Babel 转 JSX 的步骤
1. npm支持安装babel : cd 到项目根目录,执行sudo npm install --save-dev babel-cli安装需要转换的语法包 :sudo npm in...
[译] 使用 Babel 和 ES7 创建 JavaScript 模块
【编者按】本文主要介绍通过 ES7 与 Babel 建立 JavaScript 模块。文章系国内 ITOM 管理平台OneAPM 工程师编译呈现，以下为正文。去年，新版的JavaS...
babel 到底将代码转换成什么鸟样？
原文链接 前言将babel捧作前端一个划时代的工具一定也不为过，它的出现让许多程序员幸福地用上了es6新语法。但你就这么放心地让babel跑在外网？反正我是不放心，我就曾经过被坑过...
Babel 插件开发与单元测试覆盖度检查
单元测试，对于控制项目代码质量，保障线上版本的安全性和稳定性，节省回归测试成本和降低风险，都有着非常重要的作用。代码覆盖度（Code coverage） 是衡量单元测试有效程度的一...
[译] 使用基于 Babel 的 gulp
本文翻译自MACR.AE Babel是一个JavaScript转换编译器，它可以将ES6（下一代JavaScript规范，添加了一些新的特性和语法）转换成ES5(可以在浏览器中运行...
了解 Babel 6 生态
现在写一个babel的简介好像已经不太必要了（太晚了 ）。但大多数情况下，会配置babel来编译代码，不代表我们清楚babel的概念，而且Babel 6相关的多个babel-xx包...
剖析 Babel：Babel 总览
名词解释 AST：Abstract Syntax Tree, 抽象语法树DI: Dependency Injection, 依赖注入========================...
如何写好 .babelrc？Babel 的 presets 和 plugins 配置解析
什么是BabelThe compiler for writing next generation JavaScript.官网是这么说的，翻译一下就是下一代JavaScript 语法...
Babel 从入门到插件开发
最近的技术项目里大量用到了需要修改源文件代码的需求，也就理所当然的用到了Babel及其插件开发。这一系列专题我们介绍下Babel相关的知识及使用。对于刚开始接触代码编译转换的同学，...
无处不在的 Babel
背景海子在《面朝大海，春暖花开》中写到：“从明天起，做一个幸福的人”，Babel在介绍自己时说到：“从今天起，做一个幸福的人，使用下一代JavaScript”。JavaScrip...
Babel 是如何读懂 JS 代码的
概述稍微了解行业现状的开发者都知道，现在前端“ES6即正义”，然而浏览器的支持还是进行时。所以我们会用一个神奇的工具将ES6都给转换成目前支持比较广泛的ES5语法。对，说的就是Ba...
使用 babel 进行 AST 分析和处理
PDF 下载 babel 插件的官方手册已经相当详实了，似乎没有太多必要再写一遍，不过为了小组分享，还是花了几个小时整理了一番。 针对上图中的 Parser、Traversal、T...
Sucrase：超快速的 Babel 替代品
Try it out Sucrase is an alternative to Babel that allows super-fast development builds.In...
Babel 插件开发入门指南
文章概览主要包括：Babel如何进行转码、插件编写的入门基础、实例讲解如何编写插件。阅读本文前，需要读者对Babel插件如何使用、配置有一定了解，可以参考笔者之前的文章。本文所有例...
JavaScript 基础：Babel 转译 class 过程窥探
作为当下最流行的 JavaScript 编译器，Babel 替我们转译 ECMAScript 语法，而我们不用再担心如何进行向后兼容。本篇文章将介绍 Babel 在转译你的 cla...
一口（很长的）气了解 babel
最近几年，如果你是一名前端开发者，如果你没有使用甚至听说过 babel，可能会被当做穿越者吧？说到 babel，一连串名词会蹦出来：babel-clibabel-corebabel...
Babel 7 升级实践
缘起最近在看项目的升级和优化，项目用的是 Babel 6，踩了一下升级到 Babel 7 的坑。 @babel/preset-env@babel/preset-env 根据指定的执...
从 IIFE 聊到 Babel，带你深入了解前端模块化发展体系
前言作为一名前端工程师，每天的清晨，你走进公司的大门，回味着前台妹子的笑容，摘下耳机，泡上一杯茶，打开Terminal进入对应的项目目录下，然后npm run start / de...
源自 Babel 的多包管理工具：Lerna
编者按：本文作者：刘观宇，360 奇舞团高级前端工程师、技术经理，W3C CSS 工作组成员。多包合作的烦恼在开发需要多个密切协作的软件包时候，我们往往将独立的功能块进行划分，使得...
前端中的编译原理：从零打造一个实用的 Babel 插件
戳蓝字「前端技术优选」关注我们哦！ 作者：RetroAstro 原文地址：https://github.com/RetroAstro/cosmos-blog 编译器 说起编译原...
Babel 的工程化实现
介绍Babel 是一款将未来的 JavaScript 语法编译成过去语法的 Node.js 工具。本文从 2019 年 11 月的 master 分支源码入手，介绍 Babel 在...
关于 Babel 你必须知道的基础知识
前言我第一次打开搜索引擎查询关于 Babel 的资料时，出现的竟然是关于 Babel 的传说。后来我花了小一天的时间去了解这个传说（来自《旧约圣经》）。Babel Tower 是全...
如何用 Babel 为代码自动引入依赖
前言 最近在尝试玩一玩已经被大家玩腻的Babel，今天给大家分享「如何用Babel为代码自动引入依赖」，通过一个简单的例子入门Babel插件开发。需求 const a = req...
