在线搜索如何使用Mobx与create-react-app-typescript(使用react-scripts-ts)时,所有建议都指出使用react-app-rewire-mobx和react-app-rewire以支持装饰器。
然而,我刚刚创建了一个简单的Mobx应用程序而没有使用react-app-rewire-mobx,而我所要做的就是将"experimentalDecorators": true
添加到tsconfig.json
。该应用程序运行正常,我可以使用所有Mobx装饰器。
所以我的问题是,由于没有使用react-app-rewire-mobx,我会因为进一步开发应用程序而表现出来,因此我错过了一些关键的东西?或者它真的只是装饰者的支持?如果TypeScript有一个允许装饰器的标志,为什么需要react-app-rewire-mobx呢?
在使用Mobx时,我需要做出什么重要的反应 - 应用 - 重新连接吗?
react-app-rewired
允许更改react-scripts
Webpack配置,并具有一组预定义的帮助程序来配置Webpack加载器。
react-app-rewire-mobx
所做的就是配置Babel加载器以使用transform-decorators-legacy
插件。
由于TypeScript设置中不需要Babel,并且未在create-react-app-typescript
中使用,因此不需要react-app-rewire-mobx
。
tsconfig.json中的"experimentalDecorators": true
是使用带有create-react-app-typescript
的MobX的正确方法。
还有react-app-rewire-typescript
允许配置原始react-scripts
使用TypeScript而不是使用react-scripts-ts
(create-react-app-typescript
)fork。