reactjs - 如何使样式库可配置

Question

我在工作场所使用jsps。页面是使用 bootstrap2 构建的。尽管出现了新版本的 bootstrap 和其他框架，但我仍然坚持使用 bootstrap2，因为我们有数百个页面在使用它。

如何使样式可配置，从某种意义上说，配置应该让我可以自由选择框架等。因此，接下来我可以选择新页面要使用的内容

Answer 1

我可以理解您的问题，因为市场上许多“旧”产品都是这种情况。它们可以使用 jQuery、纯 js 或当今市场上被认为“旧”的其他工具来构建。

我认为您无法重构整个应用程序，因为您说有数百页。管理和产品团队需要考虑并为每个选项设定利弊的一些选项。

首先，您需要决定要使用的技术以及如何使用。

1. 您可以使用少量的react/vue.js/other来注入(inject)到现有页面中

2. 您可以利用较新的技术创建完整页面，并慢慢地逐个替换应用中的旧页面

3. 开始完全重写应用(很难向管理层推销)

我在项目中做了所有三个选项，但您需要与自己的团队一起决定。

现在我将详细说明您可以对每个选项执行哪些操作:

1. 我使用react，所以不能推荐其他库，但这就是我使用的: https://github.com/rstacruz/remount

您构建 React 组件，然后可以在现有代码中将它们用作 HTML 片段。

您可以使用所需的任何新语言创建另一个应用程序，并开始逐个构建现有页面。对于每个新页面，您都可以将旧应用程序链接到它们。

这是最容易开始但实现时间最长的一个。但您需要做的事情很简单。