create-react-app 構建的項目使用 mobx (說到底就是為了使用裝飾器語法對 babel 做些配置

在 create-react-app 命令行構建的 React 項目中使用 Mobx 會出現如下警告：

Support for the experimental syntax 'decorators-legacy' isn't currently enabled (9:5):

需要啟用 ESNext 的裝飾器 (命令行中執行 mac 端)

1. 先 git add .
2. git commit -am "Save before ejecting" (然后(注意這里是 am)
3. npm run eject
4. npm install --save-dev babel-plugin-transform-decorators-legacy (安裝該模塊中間可能有告警自行消除即可)
5. npm install --save-dev @babel/plugin-proposal-decorators
6. npm install --save-dev @babel/plugin-proposal-class-properties
7. 在 package.json 里修改 babel 如下所示

"babel": {
  "plugins":[
    [
      "@babel/plugin-proposal-decorators",
      {
        "legacy":true
      }
    ],
    [
      "@babel/plugin-proposal-class-properties",
      {
        "loose":true
      }
    ]
  ],
  "presets":[
    "react-app"
  ]
},

按照以上步驟就可以開心的使用 Mobx