BestHub
Sign in
Tagged articles
9 articles
Page 1 of 1
DeWu Technology
DeWu Technology
Sep 4, 2024 · Frontend Development

An Overview of Babel: Architecture, Transpilation Process, and ECMAScript Standardization

Babel is a micro‑kernel JavaScript transpiler that parses source code into an AST, lets plugins and presets transform it, and generates backward‑compatible code with optional source maps, while its runtime helpers, polyfills, and close alignment with the evolving ECMAScript specification ensure modern syntax works across legacy environments.

ECMAScriptJavaScriptTranspilation
0 likes · 23 min read
An Overview of Babel: Architecture, Transpilation Process, and ECMAScript Standardization
ByteDance ADFE Team
ByteDance ADFE Team
Apr 14, 2022 · Frontend Development

Babel Basics: Definition, Workflow, Plugins, Presets, and Practical Usage

This article provides a comprehensive beginner-friendly guide to Babel, covering its definition as a JavaScript compiler, the parse‑transform‑generate workflow, AST concepts, core packages, plugin and preset classifications, configuration details, and step‑by‑step usage examples with code snippets.

ASTJavaScriptPlugins
0 likes · 16 min read
Babel Basics: Definition, Workflow, Plugins, Presets, and Practical Usage
Taobao Frontend Technology
Taobao Frontend Technology
Jan 6, 2022 · Frontend Development

Should You Still Transpile ES6? A Deep Dive into Browser Compatibility and Performance

This article examines how modern browsers now support most ES6 features, compares the bytecode size of native ES6 syntax versus Babel‑transpiled ES5 code across a range of language features, and explains when skipping transpilation can improve performance while still handling polyfills and runtime requirements.

Transpilationbabelbrowser compatibility
0 likes · 26 min read
Should You Still Transpile ES6? A Deep Dive into Browser Compatibility and Performance
vivo Internet Technology
vivo Internet Technology
Jul 15, 2020 · Frontend Development

Babel: JavaScript Compiler – History, Usage, and Advanced Configuration

Babel, originally 6to5, is a JavaScript compiler that transforms modern ES6+ code into browser‑compatible JavaScript using a parser, plugins, and presets like @babel/preset‑env, with configurable polyfill strategies and runtime helpers, enabling developers to target older environments via a simple CLI workflow.

CLIPolyfillTranspilation
0 likes · 21 min read
Babel: JavaScript Compiler – History, Usage, and Advanced Configuration
Dada Group Technology
Dada Group Technology
Apr 14, 2017 · Frontend Development

Babel Optimization: Solving Bundle Size and Performance Issues

This article explores how to optimize Babel usage to reduce bundle size and improve performance by addressing helper duplication, third-party module handling, and import optimization through transform-runtime, include patterns, and import transformation plugins.

JavaScriptTranspilationbabel
0 likes · 9 min read
Babel Optimization: Solving Bundle Size and Performance Issues