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:
npm install
npm run dev
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
Az adott .blade.php fájlba vegyük fel a következő sort:
<link rel="stylesheet" href="{{ asset('css/app.css') }}">
Ez is működik:
<link rel="stylesheet" href="css/app.css">
JavaScripthez pedig ezt:
<script src="{{ asset('js/app.js') }}"></script>
Most már megnézhetjük a weblapot. Ha nincs elindítva a szerver:
php artisan serve
Szerkesszük a resources/css/app.css fájlt.
Legyen egy példa:
h1 { background-color: blue; }
Gondoskodjunk arról, hogy a .blade.php fájl tartalmazzon h1 elemet.