2

我有几个 ReactJS 项目，并且我开始有很多可重用的组件。我不想将它们发布到npm或将它们与我项目根目录中导入的 node_modules目录混合。他们应该去哪里？

我的项目如下所示：

  • 项目1/
    • 节点模块/
    • 源/
      • index.js
      • jsx
  • 项目2/
    • 节点模块/
    • 源/
      • index.js
      • jsx

A.jsx定义了一个可重用的组件，我只是将文件复制到任何地方......我只想将它放在一个地方，我的项目将它与import A from 'A'.

我试图对A.jsxinsrc/或 in进行符号链接，node_modules/但这不会编译，就像react-scripts无法处理它们一样。你是如何解决这个问题的？谢谢你的帮助！

4

1 回答 1

4

我不希望它们与导入的 node_modules 混合

为什么不？将您的可重用组件提取到它们自己的库中，这是使它们可重用的最佳方式。提取它们后，您可以通过仅导入您需要的内容来组合您的项目。您还可以编写自己的测试，而无需运行整个项目的测试。最后，您可以独立于项目处理不同版本的组件。

我试图在 src/ 或 node_modules/ 中创建指向 A.jsx 的符号链接，但是……</p>

将文件从一个项目符号链接到另一个项目可能是一个好主意，但您是在项目之间创建依赖关系，而不是在项目和组件库之间创建依赖关系。如果要部署使用项目 A 中的组件的项目 B，则需要部署两个项目并在服务器上重新创建符号链接。此外，与简单的组件库相比，项目 A 可能是一个更大的依赖项（具有自己的依赖项）。

我不想将它们发布到 npm

如果你不想在 NPM 上发布你的组件（我两个都不做），我仍然建议你将你的组件提取到他们自己的存储库中（GitLab 有免费的私有存储库）。

然后您可以像这样直接从存储库安装库：

npm install git+ssh://git@git.mydomain.com:Username/Repository-name

它将在您的package.json：

"Repository-name": "git+ssh://git@git.mydomain.com:Username/Repository-name"

然后你可以导入你的可重用组件：

import { ComponentA, ComponentB } from 'Repository-name'
于 2018-03-30T20:54:16.347 回答