react (mbox)依赖安装

#react脚手架 - Mobx配置 （装饰器）
注：请严格按照本文顺序进行配置
创建项目
create-react-app app

进入项目

cd app

进行配置文件抽离

npm run  eject
//如果用的yarn则为
yarn eject

安装mobx mobx-react

npm install mobx mobx-react
//yarn安装为 yarn add 包名
yarn add mobox mobx-react

注意： 如果git冲突
解决： 我们要原操作先放到本地暂存盘

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

注意不要git push

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

npm install babel-plugin-transform-decorators-legacy -D
npm install @babel/preset-env -D
npm install babel-plugin-transform-class-properties -D
npm install @babel/plugin-proposal-decorators -D
//npm install 可简写为 npm i
//yarn安装为 yarn add 包名

以上四步可合并为

npm install babel-plugin-transform-decorators-legacy -D @babel/preset-env -D babel-plugin-transform-class-properties -D add @babel/plugin-proposal-decorators -D

或

yarn add babel-plugin-transform-decorators-legacy -D @babel/preset-env -D babel-plugin-transform-class-properties -D add @babel/plugin-proposal-decorators -D

配置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"