How can I transpile ES modules for compatibility?

How can I transpile ES modules for compatibility with older browsers?

You can use tools like Babel or Webpack to transpile ES modules into a format compatible with older browsers.

What configuration do I need for Babel to do this?

You'll need to install Babel and its presets. In your Babel configuration, include '@babel/preset-env' to target specific browsers.

Can you show me a sample Babel configuration file?

Sure! Here's a basic example:

{
  "presets": [
    ["@babel/preset-env", {
      "targets": {
        "browsers": ["> 0.25%, not dead"]
      }
    }]
  ]
}

What about using Webpack? How does that work?

With Webpack, you can use the Babel loader to transpile your ES modules. Just configure the module rules in your Webpack config.