Как сделать библиотеку стилей настраиваемой
Я работаю с jsps на своем рабочем месте. Страницы были созданы с использованием bootstrap2. Хотя вышли новые версии bootstrap и других фреймворков, я застрял с bootstrap2, поскольку у нас есть сотни страниц, использующих его.
Как сделать стиль настраиваемым, в том смысле, что конфигурация должна давать мне свободу выбора фреймворка и т. д. Так что в дальнейшем я могу выбирать, что использовать для новых страниц
Ответы 2
Я могу коснуться вашей проблемы, поскольку это касается многих "старых" продуктов на рынке. Они могут быть созданы с помощью jQuery, plain js или других инструментов, которые сегодня считаются «старыми» на рынке.
Я предполагаю, что вы не можете провести рефакторинг всего приложения, поскольку вы говорите, что там сотни страниц. Некоторые варианты, которые следует рассмотреть, и установить плюсы и минусы для каждого из менеджеров и продуктовых групп.
Во-первых, вам нужно решить, какую технологию вы хотите использовать и как.
Вы можете использовать небольшие фрагменты response / vue.js / other для вставки на существующие страницы
вы можете создавать полные страницы с использованием новых технологий и постепенно заменять старые страницы в приложении одну за другой.
начать полное переписывание приложения (сложно продать руководству)
Я применил все три варианта в своих проектах, но вам нужно определиться со своей командой.
Теперь я подробно расскажу, что вы можете сделать для каждого из вариантов:
- Я использую реакцию, поэтому не могу рекомендовать другие библиотеки, но вот что я использовал: https://github.com/rstacruz/remount
Вы создаете компоненты реакции, а затем можете использовать их как фрагменты HTML в существующем коде.
Вы создаете другое приложение на любом новом языке, который хотите, и начинаете создавать закрывающиеся страницы одну за другой. С каждой новой страницей, которую вы создаете, вы связываете с ними старое приложение.
Это самый простой для начала, но самый длинный для достижения. Но то, что вам нужно сделать, просто.
Чтобы сделать стили настраиваемыми, вы можете добавить еще один файл stlye.css под файлом css bootstrap2. В этом файле style.css (назовите его как хотите, может быть bootstrap2_override.css) вы можете добавлять любые стили, а также переопределять стили фреймворка bootstrap2.
Обратной стороной этого является то, что теперь вы добавляете еще один файл css с большим количеством CSS, чтобы переопределить стили bootstrap2.