Neutrino: Template literals do not work when targeting IE 11

If I target the browser ie 11 in my babel-preset-env config, then the translation which are based on template literals do not work. I think it’s because babel-preset-env pulls in transform-es2015-template-literals. It generates then code like this:

var _templateObject = _taggedTemplateLiteral(['This field is required'], ['This field is required']),
    _templateObject2 = _taggedTemplateLiteral(['Valid email required'], ['Valid email required']);

var defaultMessages = exports.defaultMessages = function defaultMessages(i18n) {
  return {
    isRequired: i18n.t(_templateObject),
    isEmail: i18n.t(_templateObject2)
  };
};

Without the transform-es2015-template-literals plugin, it creates code like:

const defaultMessages = i18n => ({
  isRequired: i18n._('This field is required'),
  isEmail: i18n._('Valid email required')
});

If I’m right then you transform also template literals t function calls, but now the transform-es2015-template-literals comes first and your transformation cannot be processed.

[akkie]

presets: [
  'lingui-react',
  ['babel-preset-env', {

This works for me. But You’re right. This should be easier.

[tricoder42]

Added section about integrations https://lingui.gitbooks.io/js/guides/integrations.html