splitchunks | BestHub

TikTok Frontend Technology Team

Oct 18, 2021 · Frontend Development

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.

FrontendPluginWebpack

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 toolsFrontendWebpack

0 likes · 15 min read

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

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

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