Вот сценарий:
У меня есть два основных стиля для целей разработки: devA. css и devB. css. Позднее эти два файла будут преобразованы в производственные стили ( prodA. css и prodB. css) с использованием задач gulp.
devB . css стиль включает в себя prodA. css стиль с помощью импорта (@import "./prodA.css";).
devA. css состоит из дочернего элемента стили: _header. css, _footer. css.
У меня есть две задачи: buildProdA и buildProdB . Эти задачи создают производственные стили: prodA. css и prodB. css на основе devA. css и devB. css файлов.
У меня также есть две функции наблюдения:
- Отслеживание изменений, внесенных в дочерние стили ( _header. css и _footer. css) и затем выполните задачу buildProdA для сборки prodA. css файла.
- Следите за изменениями, сделанными в prodA. css файл и затем запустите buildProdB задачу для сборки prodB. css файл.
Все работает нормально, кроме одна вещь: prodB. css не включает изменения, внесенные в prodA. css. Хотя задача создания файла prodB. css выполняется.
Когда я открываю файл prodA. css и сохраняю его с помощью клавиатуры затем файл prodB. css содержит изменения.
Кто-нибудь знает, почему он не включает изменения автоматически создаваемых файлов?