ReadMeFeed / Community knowledge
Real questions. Useful conversations. Find the people who know your stack.
Developer tools · #webpack
When PostCSS nesting symbols appear in the final CSS, the postcss-nesting plugin is likely missing or misordered. This guide shows how to diagnose and fix the issue.
Reduce the first‑paint time of your SPA by splitting the bundle with Webpack’s dynamic imports. Learn how to configure SplitChunksPlugin, name chunks, and verify the result with browser tools.
Webpack 5 Module Federation lets microfrontends share React components at runtime instead of bundling duplicates. A minimal host/remote example, verification steps, and the real trade-offs.
Decide whether Webpack 5 should inline small assets as base64 or emit them as separate files, with a size-threshold configuration and steps to verify the result.
Your bundle ships 70 KB of Lodash but you use five functions. Diagnose which import pattern is defeating tree-shaking, fix it, and verify with the bundle analyzer.
Learn how to split non‑critical React components into separate chunks with dynamic imports, reducing initial bundle size and improving load time.
Enable webpack 5's persistent filesystem cache to make repeat builds and CI runs dramatically faster — with the configuration, verification steps, and stale-cache recovery you need.
Bun's built-in bundler can replace a sprawling webpack config with a single Bun.build() call. Here's a worked migration, how to verify the output, and where webpack still wins.
Learn how Module Federation lets teams load remote components at runtime, avoid duplicate bundles, and keep shared dependencies in sync.
postcss
react
lodash
bun
javascript