bundling | BestHub

ByteDance Web Infra

Jan 7, 2025 · Frontend Development

Practical Guide to Building React Server Components (RSC) and Server Actions with Webpack and Turbopack

This article explains the concepts, rendering strategies, and bundling processes of React Server Components and Server Actions, detailing how Webpack and Turbopack handle module boundaries, code splitting, CSS, SSR, HMR, and how a single compilation can produce both server and client bundles efficiently.

Server ActionsServer ComponentsTurbopack

0 likes · 30 min read

Practical Guide to Building React Server Components (RSC) and Server Actions with Webpack and Turbopack

Rare Earth Juejin Tech Community

Nov 20, 2024 · Frontend Development

Comparing Rollup and Webpack for Component Library Bundling and CSS Handling

This article compares Rollup and Webpack for bundling JavaScript component libraries, demonstrates how to configure each tool for ESM, CJS, and UMD outputs, shows CSS extraction with plugins versus loaders, and explains why Rollup is preferred for library builds and how Vite leverages it.

Frontend DevelopmentPluginRollup

0 likes · 10 min read

Comparing Rollup and Webpack for Component Library Bundling and CSS Handling

Rare Earth Juejin Tech Community

Aug 21, 2023 · Frontend Development

Webpack vs Vite: Principles, Setup, and Hot Reload for Vue Projects

This article explains why Vite builds projects faster than Webpack by detailing their underlying mechanisms, step‑by‑step configuration of Webpack for Vue, the creation of a custom bundler, and how Vite achieves on‑demand loading and hot module replacement.

DevtoolsVueWebpack

0 likes · 15 min read

Webpack vs Vite: Principles, Setup, and Hot Reload for Vue Projects

ByteFE

Mar 29, 2023 · Frontend Development

Understanding Frontend Bundling, Module Systems, and the Rise of Bundle‑less Development

This article explains why frontend projects historically needed bundling, describes the evolution of module systems such as CommonJS, AMD, CMD, and ESM, compares bundlers like Webpack and Rollup, and introduces bundle‑less tools like Vite that leverage native ES modules to improve development experience and performance.

BundlelessModule SystemWebpack

0 likes · 13 min read

Understanding Frontend Bundling, Module Systems, and the Rise of Bundle‑less Development

JD Tech

Mar 15, 2023 · Frontend Development

Integrating Vite into Vue 2.x Projects: Compatibility, Configuration, and Migration Guide

This article explains how to adopt Vite in a Vue 2.x codebase, covering dependency installation, process and global polyfills, path‑alias handling, sass loader conflicts, template adjustments, and performance comparisons, while providing concrete configuration snippets for a smooth migration.

ConfigurationPerformanceVue2

0 likes · 13 min read

Integrating Vite into Vue 2.x Projects: Compatibility, Configuration, and Migration Guide

政采云技术

Nov 22, 2022 · Frontend Development

Understanding Tree‑shaking in Rollup and Webpack: Mechanisms, Configurations, and Comparison

This article explains the purpose and ES6‑module basis of tree‑shaking, compares the implementation details of Rollup and Webpack, provides configuration and code examples, and shows real‑world bundle size and build‑time results to help developers choose the right bundler for optimal output.

ES6 ModulesRollupWebpack

0 likes · 14 min read

Understanding Tree‑shaking in Rollup and Webpack: Mechanisms, Configurations, and Comparison

ByteDance Web Infra

Oct 20, 2021 · Frontend Development

Bundling Non-JavaScript Resources with Custom Imports and the new URL() Syntax

This article explains how to import and bundle non‑JavaScript assets such as images, CSS, fonts, WebAssembly modules and workers using custom URL schemes and the new URL(import.meta.url) pattern, discusses tool support, and outlines future import proposals.

WebAssemblyWebpackassets

0 likes · 14 min read

Bundling Non-JavaScript Resources with Custom Imports and the new URL() Syntax

360 Tech Engineering

Mar 2, 2020 · Frontend Development

An Introduction to Rome: Facebook’s Experimental JavaScript Toolchain

Rome, an experimental JavaScript toolchain announced by Facebook in February 2020, combines a compiler, linter, formatter, bundler, and test runner written in TypeScript, offers a unified CLI with commands such as analyzeDependencies, bundle, lint, and provides detailed usage examples and instructions for building and running the project.

CLIJavaScriptRome

0 likes · 11 min read