Jun 15, 2022 · Frontend Development

Webpack Core Principles and Code Splitting: From CommonsChunkPlugin to SplitChunksPlugin

Covering webpack’s evolution from early module systems to modern code‑splitting, the article explains core concepts—entries, loaders, plugins, and chunks—then contrasts the deprecated CommonsChunkPlugin with the heuristic‑driven SplitChunksPlugin, offering configuration tips and best practices for efficient vendor, async, and route‑based bundling.

Build OptimizationCode Splittingcommons-chunk-plugin

0 likes · 21 min read

Webpack Core Principles and Code Splitting: From CommonsChunkPlugin to SplitChunksPlugin

ByteFE

Apr 12, 2021 · Frontend Development

Understanding Webpack Loaders: Types, Configuration, Execution Order, and API

This article explains what Webpack loaders are, their four classification types (pre, normal, inline, post), how to configure them with enforce, the inline loader prefixes, execution priority, the loader call chain, synchronous vs asynchronous handling, parameters, output, caching, and useful loader development tools.

build-toolsloaderloader-api

0 likes · 13 min read

Understanding Webpack Loaders: Types, Configuration, Execution Order, and API