How do I enable tree shaking in Rollup?

How do I enable tree shaking in Rollup?

To enable tree shaking in Rollup, you need to ensure that your code is using ES modules. This allows Rollup to analyze and eliminate unused code.

Are there any specific configurations I need to set in the Rollup config file?

Yes, in your rollup.config.js, make sure to set the treeshake option to true. It’s enabled by default, but it's good to check.

What about the dependencies? Do they need to support tree shaking?

Absolutely! For tree shaking to work effectively, your dependencies should also be written in ES module format. CommonJS modules won't be tree-shaken.

Can you give me an example of a Rollup config that enables tree shaking?

Sure! Here's a simple example:

export default {
  input: 'src/index.js',
  output: {
    file: 'dist/bundle.js',
    format: 'es'
  },
  treeshake: true
};