Laravel Mix Build успешно, но без изменений sass

Я пытаюсь изменить цветовую тему начальной загрузки с помощью sass. Я запускаю команду npm run watch, и когда я сохраняю ее, она запрашивает меня с помощью:

Сборка Laravel Mix выполнена успешно

Когда я просматриваю свою страницу, я не вижу изменений. (Я очистил кеш и полностью обновил его, а также закрыл браузер / новый браузер). Для этого я обновляю предупреждение, чтобы оно было пурпурным цветом, но bg-warning не меняется на пурпурный фон (я считаю, что это то, что предназначены).

Я использую Laravel framework 5.5

Вот мой webpack.mix.js  введите описание изображения здесь

Вот мой app.scss  введите описание изображения здесь

Вот моя база / _colors.scss  введите описание изображения здесь

Я попытался бросить свой код base / _colors.scss прямо в файл app.scss, но безуспешно. (Несмотря на то, что он говорит, что строится правильно.)

Я также безуспешно пытался запустить следующее:

npm запустить dev

npm запустить производство

Изменить: другая возможность - это не то, как sass работает с начальной загрузкой. Нужно ли мне на самом деле назначать вещам цвет $ warning, или это ищет все экземпляры $ warning (.alert-warning, .bg-warning и т. Д.) И заменяет?


person Dom    schedule 01.10.2018    source источник


Ответы (2)


Попробуйте запустить npm hot, это мне помогло:

npm run hot

person Salem Megiddo    schedule 24.04.2019
comment
Не могли бы вы добавить более подробную информацию, например, какая именно версия работает и почему? - person Deiv; 24.04.2019
comment
Извините @Deiv, команда была npm run hot, я думал, что тот, который помог мне, обновил ее, уже отредактировал - person Salem Megiddo; 29.04.2019
comment
вы также можете попробовать добавить --watch-poll - person Salem Megiddo; 07.05.2019
comment
Другая вещь, которую я пробовал, которая кажется полезной, - это закрыть консоль и повторно запустить команды - person Salem Megiddo; 08.05.2019

Я бы сделал следующие шаги:

  1. проверьте, действительно ли существует база папок
  2. создайте новый файл css, который не находится внутри папки (базы), просто чтобы убедиться, что это не вызывает ошибки
  3. Напишите простой css в свой _colors.css и проверьте, работает ли он
  4. добавьте оператор! important после объявления цвета, чтобы проверить, не нужно ли делать что-либо, связанное с переопределением стиля
person utdev    schedule 01.10.2018