PS У меня не так много знаний и опыта с глотком и рабочим потоком на переднем крае.Итак, вопросы: это обычный рабочий процесс gulp:
- Загрузить все файлы начальной загрузки
scss из node_modules в проект (src папка) - В
srcпереписать переменные (используя customvariables.scss) - Компилировать в
bootstrap.css - Перейти к
dist - Учтите, что все остальные стили на странице написаны с использованием less.Таким образом, было бы меньше файлов scss (только для начальной загрузки)
- Примите во внимание, что существует также второй файл переменных (variables.less), в котором некоторые элементы, такие как цвета, такие же, как в переменной начальной загрузки.sass
Вот описание моего вопроса:
Мне дан существующий проект (только интерфейс), который я не написал
Это написано в плохом стиле, и я хочу это исправить, например, слишком много разных кнопок с разными стилями;в общем, существует слишком много переопределений стиля начальной загрузки, которые можно выполнить с помощью простой настройки начальной загрузки (с использованием переменных начальной загрузки и некоторых незначительных изменений)
Одна из проблем заключается в том, что она ссылается на bootstrap.css (не scss и не загружается с помощью npm, а просто добавлено вручную).
Пользовательские стили во всем проекте написаны в less
Я хотел бы настроить начальную загрузку (изменение цветов по умолчанию, добавление границ по умолчаниюи т.д.), однако для этого было бы лучше использовать bootstrap-sass и изменять значения по умолчанию в переменных.После этого мне придется скомпилировать (используя, например, gulp) sass до css и включить bootstrap.css в проект.
Это приведет к scss и less в одном проекте.Более того, мне, вероятно, потребуется версия с двумя переменными (например, variables.less и variables.sass), где некоторые значения будут одинаковыми (например, цвета).Я не могу переписать все до scss прямо сейчас.