What are some advanced usage examples of rollup-plugin-babel?

What are some advanced usage examples of rollup-plugin-babel?

Rollup-plugin-babel allows you to use Babel with Rollup for advanced JavaScript features. You can configure it to transpile ES6+ code, use plugins, and set up presets for different environments.

Can you give me a specific example of a configuration?

Sure! Here's a sample configuration:

import babel from 'rollup-plugin-babel';

export default {
  input: 'src/index.js',
  output: {
    file: 'dist/bundle.js',
    format: 'cjs',
  },
  plugins: [
    babel({
      exclude: 'node_modules/**',
      presets: ['@babel/preset-env'],
      plugins: ['@babel/plugin-transform-runtime']
    })
  ]
};

What does the exclude option do in this example?

The exclude option tells Babel to ignore files in the node_modules directory, which helps to speed up the build process since those files are already transpiled.

Are there any common issues I should be aware of?

Yes, common issues include misconfigured presets or plugins, and not properly handling polyfills for older browsers. Always check your Babel configuration and ensure compatibility.