laravel breeze app.css, app.js отсутствует при проверке

Question

Я новичок в Laravel Breeze и попутном ветре.

После успешной установки Laravel Breeze и просмотра источника страницы / login я не смог сопоставить исходный код и фактический источник страницы и хотел бы знать, что происходит.

В app.blade.php или guest.blade.app есть следующие строки.

          <!-- Styles -->
    <link rel="stylesheet" href="{{ asset('css/app.css') }}">

    <!-- Scripts -->
    <script src="{{ asset('js/app.js') }}" defer></script>

Но при просмотре источника страницы входа в систему

          <!-- Styles -->
    <style>
        /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}a{background-color:transparent} ...
     </style>

    <style>
        body {
            font-family: 'Nunito';
        }
    </style>

И никакой javascript не загружается.

Я ожидаю увидеть только ссылку на public/css/app.css а также public/js/app.js но здесь такого нет.

Поэтому, если кто-нибудь может объяснить, как работает Laravel Breeze в отношении включения css и js,
и как я могу расширить попутный ветер css на другие страницы и использовать js на других страницах, я был бы очень признателен.

Answer 1

Вам необходимо скомпилировать активы, установленные с помощью Breeze. Для этого просто запустите следующие команды в каталоге вашего проекта:

      npm install 
npm run dev

Если вы проверите папку Public в своем приложении Laravel, вы должны увидеть скомпилированные CSS и JS. Обновите страницу, и стиль должен выглядеть нормально.

Ссылка на документацию:https://laravel.com/docs/8.x/starter-kits#laravel-breeze-installation