Как сделать библиотеку стилей настраиваемой

Question

Я работаю с JSPS на моем рабочем месте.Страницы были построены с использованием bootstrap2.Хотя вышли новые версии bootstrap и других фреймворков, я застрял с bootstrap2, так как мы используем сотни страниц.

Как сделать стиль настраиваемым, в том смысле, что конфигурация должна дать мне свободу выбора структуры и т. Д. Итак, в дальнейшем я могу выбрать, что использовать для новых страниц

Answer 1

Чтобы сделать стили настраиваемыми, вы можете добавить еще один файл stlye.css под файлом bootstrap2 css.В этом файле style.css (назовите его как угодно, можете загрузить bootstrap2_override.css) вы можете добавить любые стили, а также переопределить стили каркаса bootstrap2.

Недостатком является то, что вы сейчас добавляете еще один CSS-файл с большим количеством CSS, чтобы переопределить стили начальной загрузки 2.

Answer 2

Я могу относиться к вашей проблеме, так как это имеет место со многими "старыми" продуктами на рынке.Они могут быть построены с использованием jQuery, plain js или других инструментов, которые на современном рынке считаются «старыми».

Я полагаю, что вы не могли бы провести рефакторинг всего своего приложения, поскольку вы говорите там сотни страниц.Некоторые варианты, которые следует рассмотреть и установить плюсы и минусы для каждого из них с руководством и группами разработчиков.

Во-первых, вам нужно решить, какую технологию вы хотите использовать и как.

1. Вы можете использовать небольшие кусочки реагировать / vue.js / other, чтобы внедрить в ваши существующие страницы

2. вы можете создавать полные страницы из новых технологий и медленно заменять старые страницы в приложении однимодин

3. начать полное переписывание приложения (трудно продать руководству)

Я выполнил все три варианта в своих проектах, но вам нужнорешить с вашей собственной командой.

Теперь я уточню, что вы можете сделать для каждого из вариантов:

1. Я использую реагирование, поэтому не могу рекомендовать другие библиотеки, новот что я использовал: https://github.com/rstacruz/remount

Вы строите реагирующие компоненты, а затем можете использовать их как фрагменты HTML в существующем коде.

Вы создаете другое приложение на любом новом языке и начинаете создавать существующие страницы одну за другой.С каждой новой страницей вы создаете ссылку на старое приложение.

Это самый простой для запуска, но самый длинный для достижения.Но прямо из того, что вам нужно сделать.