[[oktatas:web:back-end_framework:laravel|< Laravel]]

====== Laravel CSS ======

  * **Szerző:** Sallai András
  * Copyright (c) Sallai András, 2021
  * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC Attribution-Share Alike 4.0 International]]
  * Web: https://szit.hu

===== Kezdés =====

  composer create-project laravel/laravel projekt01
  cd projekt01

Szükség van függőségek letöltésére, például nem áll rendelkezésre 
az mx, amivel megnézhetjük CSS-el beállított weblapunkat.
A projekt könyvtárában adjuk ki a következő parancsokat:

<code bash>
npm install 
npm run dev
</code>


===== Folyamatos fordítás =====

A watch parancs figyeli a változásokat és folyamatosan fordítja a public könyvtárba a 
a fejlesztés közbeni változásokat.

  npm run watch

===== Nézetfájl =====


Az adott .blade.php fájlba vegyük fel a következő sort:

<code html>
<link rel="stylesheet" href="{{ asset('css/app.css') }}">
</code>


Ez is működik:
<code html>
<link rel="stylesheet" href="css/app.css">
</code>


JavaScripthez pedig ezt:
<code html>
<script src="{{ asset('js/app.js') }}"></script>
</code>

===== Megtekintés =====

Most már megnézhetjük a weblapot. Ha nincs elindítva a szerver:
  php artisan serve




===== CSS =====

Szerkesszük a **resources/css/app.css** fájlt. 

Legyen egy példa:

<code css>
h1 {
    background-color: blue;
}
</code>

Gondoskodjunk arról, hogy a .blade.php fájl tartalmazzon 
h1 elemet.