在react中配置mobx

如何在react中配置mobx

下面介绍两种方法：
1.直接使用custom-react-scripts来创建项目：
输入：create-react-app my-app --scripts-version custom-react-scripts

然后使编辑器(我用的VSCode)支持ES.Next的装饰器语法：
在项目的根路径下创建一个文件jsconfig.json,文件内容为:
{
“compilerOptions”:{
“experimentalDecorators”:true
}
}
然后npm start 启动项目。
第一种方法可能遇到的问题：

解决方法:npm install roadhog@2.5.0-beta.1,安装完后重新运行即可。

2.先直接创建create-react-app
然后运行npm run eject命令，将项目配置弹出。
在这一步可能出现的问题：

解决方法：
git init
git add .
git commit -m ‘Saving before ejecting’
npm run eject
主要问题是脚手架添加.gitgnore文件，但是却没有本地仓库

然后配置编辑器的@装饰器语法支持.

最后还要配置babel去支持装饰器语法
npm install --save-dev @babel/plugin-proposal-decorators
然后在package.json文件中进行如下修改：

然后npm start 启动项目即可。