Can I use Rollup for React apps?

Can I use Rollup for my React app?

Yes, you can use Rollup for React apps! It's a great tool for bundling JavaScript modules.

What are the benefits of using Rollup over Webpack?

Rollup produces smaller bundles and has a simpler configuration compared to Webpack, making it easier to use.

Are there any specific plugins I need for React?

Yes, you'll need plugins like @rollup/plugin-babel for transpiling JSX and rollup-plugin-node-resolve for module resolution.

Can you give me a basic configuration example?

Sure! A basic Rollup config for a React app might look like this:

import babel from '@rollup/plugin-babel';
import resolve from '@rollup/plugin-node-resolve';

export default {
  input: 'src/index.js',
  output: {
    file: 'dist/bundle.js',
    format: 'iife',
  },
  plugins: [
    resolve(),
    babel({
      babelHelpers: 'bundled',
      presets: ['@babel/preset-react']
    })
  ]
};