在react项目中启用mobx的配置方法

1、安装插件

npm install --save-dev babel-preset-mobx mobx mobx-react

2、package.json配置

"dependencies": {
　　"@babel/core": "^7.1.0",
　　"@babel/plugin-proposal-class-properties": "^7.1.0",
　　"@babel/plugin-proposal-decorators": "^7.1.0",
　　"@babel/preset-env": "^7.1.0",
　　"autoprefixer": "7.1.6",
　　"babel-core": "^7.0.0-bridge.0",
}


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

　　

 

参考：https://cn.mobx.js.org/best/decorators.html

https://www.jianshu.com/p/6ecd72eb61e5

https://github.com/mobxjs/mobx/issues/1352