Jak dołączyć plik .css do .blade ?

0

Próbuję dołączyć plik css do szablonu blade ale niestety plik css nie jest ładowany. Plik register.css znajduje się w folderze resources\css\register.php natomiast szablon blade w resources\view\register.blade.php. Plik css próuję dołączyć w taki sposób

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Laravel</title>
    <link href="https://fonts.bunny.net/css2?family=Nunito:wght@400;600;700&display=swap" rel="stylesheet">
    <link href="{{ asset('css/abc.css') }}" rel="stylesheet" />     
</head>
1

<link href="{{ asset('css/abc.css') }}"

asset() odnosił się do katalogu public. Jeśli podpinasz proste pliki CSS powinieneś je umieszczać w tym katalogu. Katolg public ma uprawnienia dzięki którym zasób może być pobrany.
Zresztą sprawdź sobie w przeglądarce w narzędziach devloperskich jaką masz wygenerowaną ścieżkę do tego pliku css

1

eeee po pierwsze czemu css jako php? Po drugie resources to zasoby do kompilacji przez npma więc ci nie złapie https://laravel.com/docs/9.x/vite

0

Czyli jeżeli chcę ostylowac widok to pliki css muszę umieścić w katalogu public ? — phpowiec 47 minut temu

Tak. Jak nazwa wskazuje do tego katalogu standardowo jest dostęp z zewnątrz. Inne katalogi z kodem, w tym z samymi widokami. W katalogu public umieszczasz też jakieś obrazki statyczne czy kod JavaScript.
Zobacz sobie dokumentację w Laravel o strukturze katalogów https://laravel.com/docs/9.x/structure
Web serwer ustawiasz tak by w tym katalogu był dokument główny: index.php a resztę robią ustawienia pliku .htaccess - https://github.com/laravel/laravel/blob/9.x/public/.htaccess

1

@jurek1980: generalnie źle mu mówisz. w laravelu powinien wrzucić plik w resources a w configu vite podać co ma się z nim zadziać, czy skompilować czy tylko skopiować do publica. Ręcznie do publica nie powinno się nic wrzucać.

0

@ehhhhh:
Hmm. Zatrzymałem się na 6 - teraz jest 9 widocznie się pozmieniało. Ty opisujesz już wykorzystanie NPMa czy tam innego kompilatora. Także jeśli w nowych wersjach zalecany jest inny sposób to ok, przepraszam za wprowadzenie w błąd.

1

@jurek1980: taki sposób jest zalecany od 5.0 :) tam pojawił się laravel mix który był zaj#$stym uproszczeniem w stosunku do czystego webpacka i już wtedy się to tak robiło. Od bodajże 8 wersjie zastąpili mixa przez vite. Trochę inaczej się tego używa ale też spoko.

0

Nie będę się spierał @ehhhhh natomiast po to był hepler asset() żeby wskazywać statyczne pliki w public i tu mamy do czynienia ze statycznymi plikami. Mix kojarzy mi się z ósemka i chyba tam był już w pełni wbudowany.

1

@jurek1980: Teraz sprawdziłem dokładnie 5.0-5.3 laravel-elixir (na gulpie) 5.4-8.0 laravel-mix (na webpacku) 9.0 + vite (na vite.js bazującym na webpacku). A co do wykorzystania asset() to jedno drugiego nie wyklucza a wręcz przeciwnie jedno dopełnia drugie. asset wskazuje ściezke w public a npm (mix/vite) kopiuje/buduje assety i umieszcza je w public

0

css masz wrzucci do public i tyle

1 użytkowników online, w tym zalogowanych: 0, gości: 1