javascript - 跨多个应用管理同一个文件

Question

我有四五个小型网络应用程序，是我为一个工作小组构建和维护的。大多数情况下，它们具有相同的布局和文件结构。许多文件在应用程序中完全相同。这是一个示例 index.js 文件，它在每个应用程序的 src/ 目录中都是相同的。

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

if (process.env.NODE_ENV !== 'production') {
  console.log(`Environment: ${process.env.NODE_ENV}`);
}

const root = document.querySelector('#root');
ReactDOM.render(<App />, root);

在我需要更新某些内容之前，复制和粘贴工作正常。几个月前，我开始将我的 React 类组件更改为带有钩子(Hook)的函数式组件。唯一的问题是我必须对每个站点中该文件的每个版本进行相同的更改。

我尝试使用 bit我考虑过创建一个本地 NPM 包，但这些都不是理想的选择。我必须导入每个文件，但这并不能真正按照我需要的方式工作。 (我想我可以导入第一个 index.js 文件，但它似乎不是一个理想的解决方案。)

我希望能够在应用程序 A 中编辑一个文件，下次我回去处理应用程序 B 时能够看到对 A 中的文件所做的更改并将它们拉入 B。这样我就可以制作每个共享文件/组件的动态足以适用于我的所有应用程序。如果在应用程序 A 中对文件所做的更改不适用于应用程序 B，我可以在应用程序 B 中重新处理文件，并在下次处理应用程序 A 时提取更改。

我希望这是有道理的。提前感谢您提供的任何帮助!

Answer 1

我相信git submodules对您来说可能是一个有效的选择，尤其是对于推/拉更改部分。