Настройка стартового шаблона OptimizedHTML?

Question

[Andrew]

Ребята кто работал со стартовым шаблоном OptimizedHTML-4-master
Суть вопроса, он работает либо на sass либо на scss
Как его настроить на обычный css что установить что прописать в gulp
Если есть какой то минигайд буду очень благодарен

Comments

[Сергей delphinpro]

Как его настроить на обычный css что установить что прописать в gulp

Не знаете препроцессор? Просто пишите в sass файлах обычный css. Бонусом получите удобную возможность разделения кода на разные файлы (директива @import)

[Andrew]

Сергей delphinpro, Я читал что можно в sass файле импортировать css файлы.
И он их потом сам интерпретирует и минифицирует.
Но тогда не работает gulp watch нужно после сохранении в css файле еще и сохранять в sass файле что бы watch увидел изменение

[Andrew]

webdev341, ахах спасибо, реально только разобрался в OptimizedHTML и в gulp и тд, стоит попробовать ваш вариант ?

[Сергей delphinpro]

Andrew Designer, я говорил о том, чтобы прямо в scss файлах писать css код. Ничего не меняя в этой сборке.

Answer 1

[profesor08]

Этот стартовый шаблон очень не очень. Он рассчитан строго под одну конфигурацию, и чтоб что-то изменить, надо хорошенько переработать код. В твоем случае, надо добавить прослушку для css файлов.

В gulpfile.js ты найдешь, в нескольких местах, строчку 'app/'+syntax+'/**/*.'+syntax+'', ее надо заменить на массив, если я не ошибаюсь, должно сработать, ведь это же ожидаемый функционал, а если нет то все плохо.

[
  "app/**/*.css",
  "app/**/*.scss",
  "app/**/*.sass",
]

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

А если все плохо, то создавай файлы с расширением .scss и пиши в них обычный css код, ну и существующие *.css файлы, надо переименовать в *.scss и подключить их в главном.