Задать вопрос
@postya
css

Как изменить css в библиотеке, которую использует моё приложеине на netlify?

Имеется приложение на Vue js.
В приложении я использовал бибилотеку vue toast notification. Так как мне не понравилось как выглядят эти сообщения, я редактировал их css в файлах библиотеки. в папке node_modules я находил папку с библиотекой и там уже искал где находятся эти css селекторы. При разработке на localhost изменения применились и меня все устраивало

Когда я задеплоил приложение на netlify изменения toast notification не смохранились и остались стандартными
Как можно сделать,чтобы изменения в библиотеке приложения также были в продакшене на Netlify?

Команды, которые я выполнял с помощью cli у себя на компьютере:

-npm run build
-npm add.
-npm commit
-netlify build
-netlify deploy --prod
  • Вопрос задан
  • 367 просмотров
1 комментарий
Подписаться 1 Простой 1 комментарий
Решение пользователя postya К ответам на вопрос (3)
@postya Автор вопроса
Благодарю всех за ответы!
Решил задачу следующим способом:
в файле main.js , где я подключал vue toast notification я также подключил глобальный файл для css стилей( global.css)

В этом файле Я могу видеть все классы от библиотеки .В нём я переопределил css селекторы.
Но, из-за того,что файлы библиотеки имеют больший приоритет, то я для каждого переопределенного атрибута добавил флаг !important

Пример:
.notices .toast .toast-icon {
  height: 31px !important;
  width: 31px !important;
  min-width: 31px !important;
}


на Netlify все изменения удачно применились
Ответ написан
Комментировать
Комментировать