Babel plugin for transforming react-intl messages format


Keywords
react, intl, messages, babel, plugin
License
MIT
Install
npm install babel-plugin-rintlmg@3.1.2

Documentation

babel-plugin-rintlmg

Babel plugin for transforming compact messages to react-intl (https://github.com/yahoo/react-intl) format

Usage

.babelrc

"plugins": [
  [ "babel-plugin-rintlmg", { messages: true, indexedIds: true } ]
]

How it works

Plugin transforms following code:

import { defineMessages } from 'react-intl'

export default defineMessages({
  string: {
    en: 'String',
    es: 'Cuerda',
  },
  withChildren: {
    title: {
      en: 'Nested title',
      es: 'Título anidado',
    }
  }
})

with plugin option { messages: true } to

import { defineMessages } from 'react-intl';

export default defineMessages({
  string: {
    en: 'String',
    es: 'Cuerda',
    id: 'test.string'
  },
  withChildren: {
    title: {
      en: 'Nested title',
      es: 'Título anidado',
      id: 'test.withChildren.title'
    }
  }
});

and without options to

import { defineMessages } from 'react-intl';

export default defineMessages({
  string: {
    id: 'test.string'
  },
  withChildren: {
    title: {
      id: 'test.withChildren.title'
    }
  }
});