2016-09-25 5 views
0

Так что вот вопрос. Я новичок в Sylius, и я работаю над некоторыми простыми обновлениями CSS. У меня есть локальная копия Sylius, работающая со встроенным веб-сервером: server: run. У меня также есть сервер разработки на Digital Ocean, который управляет (почти) идентичной копией Sylius, за исключением конфигураций, конечно.Sylius Stylesheet Not Reloading

Однако что-то странное происходит с моим обновлением CSS. Я внес изменения в .navbar-бренд в web/assets/compiled/backend_backend_4.css.

Это изменение появилось сразу на моем местном. Однако на сервере разработки, когда вы сбрасываете изменение (git) и проверяете, что он существует в этом файле, это изменение, похоже, не является пропегентом. Эффекты не отображаются, проверка таблицы стилей не отображает их, и, кроме того, просмотр исходного кода css-файла непосредственно в браузере не показывает изменения. Но в файловой системе это определенно есть.

Я пробовал очистить кеш, но безрезультатно.

Я также проверил assetic значение в обоих config_dev.yml файлах, и проверяется они оба устанавливаются в use_controller: истинный

Даже до сих пор, я попытался демпинг assetic, но безрезультатно.

Так что мне интересно, что происходит. Кроме того, я понимаю, что я, вероятно, не должен редактировать файлы CSS в папке «compiled». Я уверен, что есть способ сделать это с помощью компилятора, но я еще не знаком с этим процессом и просто делаю небольшие изменения и узнаю о кэшировании до сих пор.

ответ

0

Я зарегистрировал решение, которое работало для меня здесь. Это не связано с Gulp на всех, но вместо этого использует Assetic:

  • Активы должны быть установлены в виде бумажных копий первого (я не совсем уверен, , что это делает точно, но, кажется, как важный шаг, потому что . она копирует много активов в местах документации была бесполезной, но было предложено на переполнение стека где-то):.
    • приложение/консольных активы: установить веб
  • активы должны быть отредактированы в сети/пучки/[пачка здесь]/css или js. Этот часто находится в пределах syliusweb, если он имеет отношение к стилям страницы/ макетам.
    • Подсказка: эти активы упоминаются в таких файлах, как src/Sylius/Bundle/Resources/views/Backend/layout.html.прут (см отверстие:

(% таблицы стилей

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

  • После редактирования активов, свалка assetic:
    • PHP приложение/консоль assetic: свалка
    • Примечание - можно также установить assetic Бодрствующего на эти активы (Google, чтобы узнать, как, думаю, что это a -w флаг где-то), но это сказал, что работает только в режиме разработки, как и должно быть.

После сброса assetic, активы из пучков исходных компилировать в свои активы/Сост версий, как правило объединения нескольких таблиц стилей. Теперь вы должны увидеть обновление своего актива!

1

Да, вы правы, вам не следует редактировать скомпилированные файлы.

Вы должны отредактировать исходные файлы, а затем запустить gulp

или на моей системе я должен явно запустить npm run gulp

+0

У меня установлен gulp и я могу успешно запустить его сейчас. Поэтому я вошел в исходный файл, который содержит класс css, на который я нацелен: src/Sylius/Bundle/WebBundle/Resouces/public/css/backend.css. Я сделал свои изменения, а затем я побежал Gulp, который закончил успешно. Но ни один из других листов css, которые ссылаются на этот класс, не обновляется, чтобы отражать мои изменения, когда я это делаю. Таблица стилей в скомпилированной папке, которую я редактировал раньше, кажется, не перекомпилирована из моего изменения, она остается неизменной. Наверное, так как он не подсчитан, скомпилированный может означать меньше или sass? Не уверен – carbide20

Смежные вопросы