CSS не компилируется (theme.css) на сайте PrestaShop в локальной среде

Question

У меня есть пользовательская тема на моем сайте PrestaShop, пытающаяся работать с CSS в локальной среде.Когда я изменяю CSS, скомпилированный файл theme.css не обновляется.

Это среда Windows, приложение php, и я использую виртуальную студию и git bash.

Я изменилtheme.css и это изменилось на сайте на локальном.Я попытался запустить веб-пакет для перезагрузки, выполнив "npm run build", но получил ошибку "отсутствует скрипт".

Нужно ли добавлять конфигурацию веб-пакета?

---

Как мне выполнить автоматическую перезагрузку свернутых файлов?

Answer 1

Изменяя файл theme.css, вы обновили скомпилированные файлы CSS, которые будут отображаться при загрузке документа.Но после выполнения команды npm запустите build изменения, внесенные в файл theme.css, будут удалены.Поскольку файлы перезаписываются при компиляции с помощью команды npm, выполните команду build .Поэтому, если вы хотите, чтобы изменения отражались, добавьте изменения в CSS-файлы, представленные в каталоге _dev.Чтобы при компиляции изменения обновлялись в файле theme.css.

Как выполнить автоматическую перезагрузку свернутых файлов?

Можно использовать npm start команда для автоматической компиляции файла при обновлении файлов в каталоге _dev.

Answer 2

Вы должны запустить npm run build в папке _dev / вашей темы.
Перед этим вы должны запустить npm install в папке _dev.
Не используйте пакет nodejs> 8.
.json и webpack.config.js в папке _dev / довольно старые.Я работаю над их обновлением.

Answer 3

Предполагая, что вы используете PS1.7 +, вы все равно не должны трогать theme.css.Лучший способ - создать дочернюю тему и иметь в своем активе файл custom.css.Также добавьте все изменения шаблона в эту дочернюю тему.Таким образом, вы всегда можете обновить родительскую тему без потери изменений.Или, если вы не хотите делать это, по крайней мере, добавьте файл custom.css в текущую тему и внесите в него изменения css.