@visma/react-intl-bundled-messages

IntlProvider that lazy loads messages in current language in Webpack environment.

Usage no npm install needed!

<script type="module">
  import vismaReactIntlBundledMessages from 'https://cdn.skypack.dev/@visma/react-intl-bundled-messages';
</script>

README

@visma/react-intl-bundled-messages

IntlProvider that lazy loads messages in current language in Webpack environment.

Usage

  1. Add module resolve alias. In Webpack config:

    import bundledMessagesWebpackAlias from '@visma/react-intl-bundled-messages/lib/webpackAlias.js';

export default {
  //...
  resolve: {
    alias: {
      ...bundledMessagesWebpackAlias(mode),
    },
  },
};

  2. Build messages using @visma/formatjs-scripts

  3. Add IntlProvider:

    import { IntlProvider } from '@visma/react-intl-bundled-messages';

function App() {
  return <IntlProvider>...</IntlProvider>;
}