Formatjs / react-intl with Vite

Question

Formatjs provides a babel plugin for modules that use react-intl to inject message IDs and remove description. How can I use it with Vite?

user_6153630 · Answer

If you're using @vitejs/plugin-react, you can specify a .babelrc or a babel.config.js.

import React from '@vitejs/plugin-react'

...

plugins: [
  React({
    babel: {
      babelrc: true
    }
  }),

  ...

]