如何使样式库可配置

Question

我在工作场所使用jsps。页面是使用bootstrap2构建的。尽管出现了新版本的bootstrap和其他框架，但由于我们有数百个页面正在使用bootstrap2，因此我仍然对其进行了限制。

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

Answer 1

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

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

首先，您需要确定要使用的技术以及使用方式。

1. 您可以使用react / vue.js / other的一小部分来注入现有页面

2. 您可以使用较新的技术创建完整页面，然后在应用程序中一张一张地慢慢替换旧页面

3. 开始完全重写该应用程序（很难出售给管理层）

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

现在，我将详细说明每个选项的可操作性：

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

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

1. 您可以使用所需的任何新语言创建另一个应用程序，然后开始逐个构建退出页面。在每个新页面上，您都将旧应用程序链接到它们。

2. 这是最容易上手但最长的一次。但是您需要做的事情很简单。

Answer 2

要使样式可配置，可以在bootstrap2 css文件下面添加另一个stlye.css文件。在该style.css文件中（您可以随意命名，可以是bootstrap2_override.css），您可以添加任何样式以及覆盖bootstrap2的框架样式。

缺点是，您现在要添加另一个CSS文件和更多CSS，以覆盖bootstrap2样式。