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

最新推荐文章于 2022-12-25 18:18:56 发布

转载最新推荐文章于 2022-12-25 18:18:56 发布 · 210 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/piaobodewu/p/10505614.html

文章标签：

#javascript #json #ViewUI

本文详细介绍了如何使用Babel预设和插件来配置MobX，包括安装必要的npm包，以及在package.json中设置依赖项和插件。通过遵循这些步骤，你可以有效地在项目中集成MobX和Babel，利用装饰器和类属性等高级特性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

转载于:https://www.cnblogs.com/piaobodewu/p/10505614.html