Mobx中装饰器语法的环境配置

最新推荐文章于 2023-08-24 16:26:03 发布

原创最新推荐文章于 2023-08-24 16:26:03 发布 · 708 阅读

0 ·

CC 4.0 BY-SA版权

本文详细介绍如何使用MobX和React快速创建项目，包括通过npx创建React应用、配置依赖包、解决常见错误以及必要的Babel插件设置。适合希望在项目中结合使用状态管理和前端框架的开发者。

1.快速新建一个项目

npx create-react-app mobx-react

cd mobx-react

yarn eject

报错的话执行以下操作

git add .

git commit -m "aa"

2.安装依赖包

yarn add babel-plugin-transform-decorators-legacy @babel/plugin-proposal-decorators mobx mobx-react --save-dev

3.配置package.json

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

The End