It is not clear how to run this Scritpt for noobs...

Hi,

I do not understand how to run this script, yes I am a noob… but

Run Script $ extract-messages -l=en,ja -o app/translations -d en --flat false 'app/**/!(*.test).js'

is not really helpfull… Do I need to run this command in the shell where I ran the npm install…? -this is what I get:

$ extract-messages -l=en,ja -o app/translations -d en --flat false 'app/**/!(*.test).js' bash: extract-messages: command not found

So I need to run it somewhere else, or do something else before running it?

Please explain what is the difference between the packages: extract-react-intl/extract-react-intl-messages

Thank you

[akameco]

If you already have .babelrc, don’t need anything.This tool is using babelrc for parsing code. If you use jsx, you should add babel-preset-react. if you use flowtype, you should add babel-preset-flow…etc etc…

[akameco]

OK, I understand.

First, this tool needs .babelrc.

.babelrc

{
  "presets": [
    "react-app"
  ]
}

Next, update npm script like this.

{
  "name": "intl-test",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "react": "^16.2.0",
    "react-dom": "^16.2.0",
    "react-scripts": "1.1.1"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject",
+	"intl": "NODE_ENV=development extract-messages -l=en,ja -o src/i18n -d en --flat false 'src/**/!(*.test).js'"
  },
  "devDependencies": {
    "extract-react-intl-messages": "^0.8.1"
  }
}

And, run.

npm run intl

Finish🎉