Mobx的准备工作

最新推荐文章于 2023-02-07 13:00:52 发布

侒然

最新推荐文章于 2023-02-07 13:00:52 发布

阅读量127

点赞数

分类专栏：前端 react 文章标签：前端

本文链接：https://blog.csdn.net/Janent168/article/details/113795430

版权

前端同时被 2 个专栏收录

36 篇文章 0 订阅

订阅专栏

react

7 篇文章 0 订阅

订阅专栏

Mobx 介绍

简单, 可扩展的状态管理库
MobX 是由 Mendix，Coinbase，Facebook 开源和众多个人赞助商所赞助的
React 和 MobX 是一对强力组合，React 负责渲染应用的状态，MobX 负责管理应用状态供 React 使用

Mobx浏览器支持

MobX 5 版本运行在任何支持 ES6 proxy 的浏览器，不支持 IE11，Node.js 6
MobX 4 可以运行在任何支持 ES5 的浏览器上
MobX 4 和 5的 API 是相同的

开发前的准备

启用装饰器语法支持 (方式一)

弹射项目底层配置：npm run eject
下载装饰器语法babel插件：npm install @babel/plugin-proposal-decorators

在 package.json 文件中加入配置

"babel": {
            "plugins": [
                [
                    "@babel/plugin-proposal-decorators",
                    {
                        "legacy": true
                    }
                ]
            ]
        }

启用装饰器语法支持 (方式二)

npm install react-app-rewired customize-cra @babel/plugin-proposal-decorators

在项目根目录下创建 config-overrides.js 并加入配置

 const { override, addDecoratorsLegacy } = require("customize-cra");

          module.exports = override(addDecoratorsLegacy());

在 package.json 文件中加入配置

"scripts": {
              "start": "react-app-rewired start",
              "build": "react-app-rewired build",
              "test": "react-app-rewired test",
          }

解决 vscode 编辑器关于装饰器语法的警告

修改配置："javascript.implicitProjectConfig.experimentalDecorators": true