#react脚手架 - Mobx配置 （装饰器）

1. 创建项目

  create-react-app app

2. 进入项目

  cd app

3. 进行配置文件抽离

  yarn eject

4. 安装mobx  mobx-react

  yarn add mobx mobx-react

  注意： 如果git冲突

  解决： 我们要原操作先放到本地暂存盘

  git add .

  git commit -m '安装mobx  mobx-react'

  注意不要git push

5. 配置装饰器（修饰器 es6 ） babel

  yarn add babel-plugin-transform-decorators-legacy -D

  yarn add @babel/preset-env -D

  yarn add babel-plugin-transform-class-properties -D

  yarn add @babel/plugin-proposal-decorators -D

6. 配置package.json

  "babel": {

    "plugins": [

      [

        "@babel/plugin-proposal-decorators",

        {

          "legacy": true

        }

      ],

      "transform-class-properties"

    ],

    "presets": [

      "react-app",

      "@babel/preset-env"

    ]

    },

  注意： 以下两个配置顺序不可更改

    [

        "@babel/plugin-proposal-decorators",

        {

          "legacy": true

        }

      ],

      "transform-class-properties"