我有几个组件与redux商店/材料UI主题/ API集成在一个React应用程序称为A。我想导入一个组件从A到其他项目(单独的React应用程序)B和C。
如果我不发布到npm,我认为最好的方法是构建并打包到项目A的.tgz文件中,然后将此文件导入到项目B和C中,并像库一样使用,但这并不顺利。
1.你能告诉我这是不是一个正确的方法吗?
1.是使用Webpack更好还是使用汇总更好?
1.你能告诉我如何导出多个组件与redux商店和api集成?因为app.ts文件是唯一的一个文件,它 Package 整个应用程序与提供者对不对?如果我导出多个组件,将是什么方式来导出他们与提供者 Package ...?
项目A、B、C都使用react with typescript和材料ui。
我的方法失败的原因是我使用webpack来构建,当它构建时,没有创建类型定义文件。所以我安装了rollup并构建,一些文件在创建定义文件时遇到了麻烦,比如reducer..并失败了。
1条答案
按热度按时间6jjcrrmo1#
首先,你需要确保项目A被配置为一个模块,这样你就可以使用它了。
满足上述条件时,您可以继续执行NPM安装,如下所示:
您也可以在package.json的dependencies对象中执行此操作:
您可以转到此链接NPM Link来了解如何使用NPM的链接功能将本地项目链接到另一个项目。