Eliminating Redundant base.js Chunk in Webpack 4 with a Custom Mini‑CSS‑Extract Plugin

This article explains why Webpack 4 generates an unnecessary base.js file when extracting common CSS with mini‑css‑extract‑plugin, analyses the underlying bootstrap dependency issue, and presents a custom plugin that adjusts the compilation graph to move the empty JS module, suppress the extra chunk, and correctly emit the shared base.css file.

Build Optimizationfrontendmini-css-extract-plugin

0 likes · 24 min read

Eliminating Redundant base.js Chunk in Webpack 4 with a Custom Mini‑CSS‑Extract Plugin

Tencent IMWeb Frontend Team

Sep 2, 2021 · Frontend Development

Unlock Webpack splitChunks & Manifest: A Hands‑On Guide to Smarter Bundling

This tutorial walks through the fundamentals of Webpack’s splitChunks and manifest features, explaining modules, chunks, and bundles, detailing configuration options like chunks, cacheGroups, minChunks, priority, maxInitialRequests, and maxAsyncRequests, and shows practical code examples and visual results to help developers master efficient asset bundling.

build-toolsfrontendmanifest

0 likes · 15 min read

Unlock Webpack splitChunks & Manifest: A Hands‑On Guide to Smarter Bundling

ELab Team

Jul 7, 2021 · Frontend Development

How to Speed Up Webpack Builds: A Deep Dive into SplitChunksPlugin Optimization

This article explains why a large project’s Webpack bundle became painfully slow, walks through detailed bundle analysis, shows before‑and‑after configuration changes—including setting maxAsyncRequests—and explores the inner workings of SplitChunksPlugin, its default settings, attributes, execution flow, and chunk‑splitting strategy, providing code examples and diagrams for better understanding.

Code Splittingbundle optimizationsplitchunks

0 likes · 29 min read

How to Speed Up Webpack Builds: A Deep Dive into SplitChunksPlugin Optimization

Eliminating Redundant base.js Chunk in Webpack 4 with a Custom Mini‑CSS‑Extract Plugin

Unlock Webpack splitChunks & Manifest: A Hands‑On Guide to Smarter Bundling

How to Speed Up Webpack Builds: A Deep Dive into SplitChunksPlugin Optimization

Eliminating Redundant base.js Chunk in Webpack 4 with a Custom Mini‑CSS‑Extract Plugin