Neutrino: Template literals do not work when targeting IE 11 about js-lingui HOT 10 CLOSED

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

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

from js-lingui.

Is lingui-react the last preset in your .babelrc?

from js-lingui.

It's currently the only plugin. The other plugins will be added by neutrino.

from js-lingui.

Could you please give me more info how you configure neutrino? Where do you add lingui-preset?

I'm thinking about creating neutrino-preset-lingui and adding required presets.

from js-lingui.

This is for the 0.x version of lingui. But the config is mostly the same for the project I'm currently working on.

https://github.com/setusoft/silhouette-play-react-seed/blob/master/app-ui/.neutrinorc.js

https://github.com/setusoft/silhouette-play-react-seed/blob/master/app-ui/.babelrc

from js-lingui.

What if you change neutrino-preset-react config:

const path = require('path');

module.exports = {
  use: [
    ['neutrino-preset-react', {
      babel: {
        presets: [
          ['babel-preset-env', {
            targets: {
              browsers: [
                'last 1 Chrome versions',
                'last 1 Firefox versions'
              ]
            }
          }],
          'lingui-react'
        ]
      }
    }],
    'neutrino-webpack.js',
    'neutrino-sass.js',
    ...
  ]
}

instead of adding lingui-react to .babelrc?

from js-lingui.

Another option might be using lingui-transforms-js and lingui-transform-react plugins directly. Plugins run before presets, so that would work too. But I consider both options as a workaround. This should be easier.

from js-lingui.

That's interesting. Presets should be in reverse order (first preset at the bottom). So I would expect, that you need to put lingui-react below env.

I need to figure out how to deal with frameworks like create-react-app or neutrino.

from js-lingui.

Closing for now.

I'm gonna add info about integrations to docs.

from js-lingui.

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

from js-lingui.