Как изменить значение appcss в laravel

Я хочу изменить цвет фона на странице laravel. На основании ссылки, которую я получаю. я должен внести изменения в _variables.scss.

// Body
$body-bg: #f8fafc; --> i change it to #000

// Typography
$font-family-sans-serif: "Nunito", sans-serif;
$font-size-base: 0.9rem;
$line-height-base: 1.6;
........

В файле views я поставил код:

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>ICan</title>
    <link rel="stylesheet" href="/css/app.css"> --> i enter this one
  </head>
  <body>
    @yield('content')
    @include('inc.sidebar')
  </body>
</html>

И тогда я делаю npm run serve в cmd но ничего не происходит на моей странице. Цвет фона не меняется. Я сделал что-то неправильно?

Пожалуйста, помогите мне. Спасибо:))

Источник

2 ответа

Решение

Вы не делаете ничего плохого, просто пропускаете шаг. Перед подачей заявки сделайте это:

npm run dev

Это скомпилирует все ваши файлы scss в ваш файл app.css

однако, если вы не хотите запускать эту команду каждый раз, когда вносите изменения в файл scss, выполните следующее:

npm run watch

Это будет следить за изменениями и запускать компиляцию, когда изменения происходят!

Источник

Тебе не нужно бежать npm run serve или любая команда npm для этого.

просто добавьте другой файл CSS для вашего собственного CSS или вы можете напрямую включить стили в свой блейд.

вы можете найти лезвие в layouts > app.blade.php а потом просто поставь свой стиль перед тем как закрыть голову (</head>) как это:

   .container{
        background-color: lightblue;
    }

</head>

вот и все

Источник
Другие вопросы по тегам