Handling Browser Compatibility in Vite

Vite ships an official solution for legacy browser support.

Install the Plugin

npm install @vitejs/plugin-legacy

Configure

plugins: [
  // ... other plugins
  legacy({
    targets: [
      'defaults',
      'chrome >= 55',
      'safari >= 12',
      'not IE 11',
      'firefox >= 52',
    ],
  }),
]

The plugin simplifies compatibility—no need to fiddle with Browserslist or core-js directly.

Notes

1. Because polyfills are injected based on targets, expect longer build times.
2. Avoid configuring core-js manually; the plugin handles it.

Final Thoughts

That’s all—quick and clean.