What are some examples of Babel configurations?

What are some examples of Babel configurations?

Babel configurations can vary based on your project needs. For instance, a basic configuration might look like this:

{
  "presets": ["@babel/preset-env"]
}

This setup allows you to use the latest JavaScript features.

Can you show me a configuration for React?

Sure! For a React project, you can use the following Babel configuration:

{
  "presets": ["@babel/preset-env", "@babel/preset-react"]
}

This enables support for both modern JavaScript and JSX.

What if I want to use TypeScript?

If you're using TypeScript, your Babel configuration would look like this:

{
  "presets": ["@babel/preset-env", "@babel/preset-typescript"]
}

This allows Babel to transpile TypeScript files.

Are there any plugins I should consider?

Yes, you might want to include plugins like @babel/plugin-proposal-class-properties for class properties support. Your config could then look like:

{
  "presets": ["@babel/preset-env"],
  "plugins": ["@babel/plugin-proposal-class-properties"]
}