我有四个或五个小型Web应用程序，它们是为一小组工作而构建和维护的。在大多数情况下，它们具有相同的布局和文件结构。许多文件在应用程序中完全相同。这是一个示例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类组件更改为带有钩子的功能组件。唯一的问题是，我必须在每个站点中对该文件的每个版本进行相同的更改。
我尝试使用bit，并考虑过创建本地NPM软件包，但这并不是理想的选择。我必须导入每个文件，但这并不能真正按照我的方式工作。 （我想我可以导入第一个index.js文件，但这似乎不是理想的解决方案。）
我希望能够在应用程序A中编辑文件，下次我回去使用应用程序B时，能够看到对文件A中所做的更改并将其拉入应用程序B。这样，我就可以共享文件/组件的动态性足以适合我所有的应用程序。如果对应用程序A中的文件所做的更改不适用于应用程序B，我可以在应用程序B中对文件进行重新处理，并在下次使用应用程序A时撤消所做的更改。
我希望这是有道理的。预先感谢您提供的任何帮助！