enable-mobx-annotation-es6.md

Enable mobx' annotations in es6

1. Install plugins:

yarn add mobx mobx-react react-app-rewire-mobx

yarn add --dev react-app-rewired

2. Define config-overrides:

Create the file config-overrides.js in your project's root directory with the following content:

/* config-overrides.js */
const rewireMobX = require('react-app-rewire-mobx');
module.exports = function override(config, env) {
  config = rewireMobX(config, env);
  return config;
}

3. Rewire existing scripts:

Modify the package.json file:

 /* package.json */

  "scripts": {
-   "start": "react-scripts start",
+   "start": "react-app-rewired start",
-   "build": "react-scripts build",
+   "build": "react-app-rewired build",
-   "test": "react-scripts test --env=jsdom",
+   "test": "react-app-rewired test --env=jsdom"
}