Reactjs 跨项目重用react组件

Reactjs 跨项目重用react组件,reactjs,npm,Reactjs,Npm,我想将我的web项目分为三个部分:前端、后端和超级管理员 跨代码库重用组件的最佳方法是什么?Npm包?这似乎很难维持: 开放组件开发包 改变 推动变革 标签版本 更新所有项目 看起来很复杂而且容易出错。有更好的方法吗?取决于您是否需要使用来自不同项目的不同版本的共享组件。如果是这样,您可能需要制作一个版本化的npm包。但是,如果您只想共享软件包并在任何地方使用相同的版本,那么您还有其他选择。首先,您不必实际构建和发布npm包,只需使用。这将基本上创建一个符号链接到其他项目的node_模块中的共享

我想将我的web项目分为三个部分:前端、后端和超级管理员

跨代码库重用组件的最佳方法是什么?Npm包?这似乎很难维持:

  • 开放组件开发包
  • 改变
  • 推动变革
  • 标签版本
  • 更新所有项目

  • 看起来很复杂而且容易出错。有更好的方法吗?

    取决于您是否需要使用来自不同项目的不同版本的共享组件。如果是这样,您可能需要制作一个版本化的npm包。但是,如果您只想共享软件包并在任何地方使用相同的版本,那么您还有其他选择。首先,您不必实际构建和发布npm包,只需使用。这将基本上创建一个符号链接到其他项目的node_模块中的共享代码


    或者,您可以完全不使用任何npm包,只需将共享组件放在单独的项目(目录)中,并使用绑定系统(/)通过别名将其导入javascript中即可。更新跨多个项目使用的组件时,您的理想方案是什么?与更新(或决定保持不变)dependency version.FYI相反,通过别名从不同目录(使用单独的节点\模块依赖关系树)导入javascript中的React组件会导致多个React版本,并会在使用中产生错误。您可能会看到以下内容:“未捕获错误:不变冲突:addComponentAsRefTo(…):只有ReactOwner可以有引用。您可能正在向组件的渲染方法中未创建的组件添加引用,或者加载了React的多个副本。”