How can I use Rollup in my React app?

How can I use Rollup in my React app?

To use Rollup in your React app, first install Rollup and the necessary plugins. You can use npm install rollup rollup-plugin-babel rollup-plugin-node-resolve rollup-plugin-commonjs.

What configuration do I need for Rollup?

You'll need a rollup.config.js file. Here's a basic example:

import resolve from 'rollup-plugin-node-resolve';
import commonjs from 'rollup-plugin-commonjs';
import babel from 'rollup-plugin-babel';

export default {
  input: 'src/index.js',
  output: {
    file: 'dist/bundle.js',
    format: 'iife',
  },
  plugins: [
    resolve(),
    commonjs(),
    babel({ exclude: 'node_modules/**' })
  ]
};

Can I use Rollup with TypeScript?

Yes, you can use Rollup with TypeScript! You'll need to install rollup-plugin-typescript2 and update your config to include it.

What are the benefits of using Rollup over Webpack?

Rollup is often simpler and produces smaller bundles, especially for libraries. It also has a more straightforward configuration for certain use cases.