BestHub
search
Sign in
Tag

JavaScript bundling

1 views collected around this technical thread.

ByteFE
ByteFE
Apr 16, 2024 · Frontend Development

Deep Dive into Webpack: Core Compilation Process, Plugins, Loaders, and Asset Emission

This article provides a comprehensive walkthrough of Webpack’s internal architecture, detailing the core JavaScript bundling workflow, the roles of Compiler and Compilation objects, the lifecycle of plugins and loaders, the parsing of modules into an AST, chunk creation, and the final emission of assets to the output directory.

Asset emissionChunk graphJavaScript bundling
0 likes · 27 min read
Deep Dive into Webpack: Core Compilation Process, Plugins, Loaders, and Asset Emission
WeDoctor Frontend Technology
WeDoctor Frontend Technology
Jun 9, 2021 · Frontend Development

How Rollup Packs JavaScript: Inside the Build Process and AST Analysis

This article explains Rollup’s core principles, compares it with Webpack, introduces prerequisite concepts such as magic‑string, AST and scope chains, and walks through the complete build workflow—including parsing, dependency analysis, statement expansion, and final code generation—using concrete code examples and diagrams.

ASTJavaScript bundlingRollup
0 likes · 20 min read
How Rollup Packs JavaScript: Inside the Build Process and AST Analysis