Tag

Loaders

0 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 graphCompiler
0 likes · 27 min read
Deep Dive into Webpack: Core Compilation Process, Plugins, Loaders, and Asset Emission
Hujiang Technology
Hujiang Technology
Apr 13, 2017 · Frontend Development

A Detailed Introduction to Webpack: Installation, Configuration, Loaders, Plugins, Lazy Loading and Vendor Chunks

This tutorial provides a comprehensive, step‑by‑step guide to Webpack, covering its purpose as a JavaScript module bundler, installation, command‑line usage, configuration files, Babel and Handlebars loaders, plugins such as html‑webpack‑plugin, lazy‑loading, vendor chunk creation, and best practices for modern front‑end development.

BabelLoadersjavascript
0 likes · 26 min read
A Detailed Introduction to Webpack: Installation, Configuration, Loaders, Plugins, Lazy Loading and Vendor Chunks