Question 1

How to set up Rollup for a React project?

Accepted Answer

Install Rollup with npm, then use plugins like @rollup/plugin-react for JSX transformation and @rollup/plugin-babel for compatibility. Configure rollup.config.js to handle React's specific imports and output formats, often referencing starter templates for guidance.

Question 2

Rollup vs Webpack: which is better for building apps?

Accepted Answer

Rollup excels at tree shaking and producing lean bundles for libraries, while Webpack offers more built-in features like code splitting and asset management for complex applications. Choose Rollup if bundle size is critical; Webpack for broader out-of-the-box functionality.

Question 3

Does Rollup support hot module replacement?

Accepted Answer

Rollup does not include hot module replacement (HMR) by default, but it can be added via plugins like rollup-plugin-livereload or by integrating with tools like Vite, which uses Rollup under the hood for HMR in development.

Question 4

Can Rollup bundle TypeScript files?

Accepted Answer

Yes, Rollup can bundle TypeScript using plugins such as @rollup/plugin-typescript or rollup-plugin-typescript2. Configure these in rollup.config.js to compile .ts files and handle type definitions, ensuring compatibility with ES module outputs.

Question 5

How to handle CSS imports in Rollup?

Accepted Answer

Use plugins like rollup-plugin-postcss or rollup-plugin-css-only to process CSS files. These plugins allow importing CSS in JavaScript, minification, and outputting separate CSS files, though setup requires additional configuration compared to JavaScript-focused bundling.

Question 6

Is Rollup good for Node.js applications?

Accepted Answer

Yes, Rollup is suitable for Node.js by outputting CommonJS or ES module formats. It can optimize server-side code with tree shaking, but note that Node.js may require specific configurations or plugins for native module support, especially in older versions.

rollup

What is rollup?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions