Skip to content

Latest commit

 

History

History
46 lines (40 loc) · 2.28 KB

README.md

File metadata and controls

46 lines (40 loc) · 2.28 KB

Nuovo progetto in Laravel 10 + Bootstrap 5.x + SASS

Prima di tutto eseguiamo il solito comando di installazione di npm

  • Creiamo il nostro progetto composer create-project laravel/laravel:^10.0 example-app, dove example-app e' il nome del nostro progetto
  • Entriamo nella cartella del progetto cd example-app
  • Eseguiamo npm install
  • Eseguiamo il comando per aggiungere sass npm i --save-dev sass o npm install -D sass
  • Modifichiamo la cartella resources/css in resources/scss
  • Modifichiamo il file resources/css/app.css in resources/scss/app.scss
  • Modifichiamo il file vite.config.js aggiungendo a plugins il path giusto da 'resources/css/app.css' a 'resources/scss/app.scss' ,
  • Aggiungiamo un alias al file vite.config.js per facilitare l'accesso a resources:
resolve: {
        alias: {
            '~resources' : "/resources/"
        }
} 
  • Aggiungiamo import "~resources/scss/app.scss"; al file resources/js/app.js
  • Aggiungiamo @vite("resources/js/app.js") ad ogni layout della nostra applicazione
  • Aggiungiamo a resources/js/app.js una direttiva per la corretta gestione delle immagini
    import.meta.glob([
        '../img/**'
    ]);
    
  • Aggiungiamo la riga package-lock.json al file .gitignore

Come usare una template repository

  • Apri la repository su github e in alto a destra clicca su "Use this template" e poi crea una nuova repository
  • Le diamo un nome come richiesto
  • La cloniamo direttamente dalla nostra IDE (vscode)
  • Apriamo la repository
  • Copio e incollo il mio file .env.example e lo rinomino come .env
  • Eseguiamo npm install
  • Eseguiamo composer install
  • Eseguiamo il comando di generazione della chiave univoca del nostro progetto con php artisan key:generate
  • Eseguiamo i due comandi di esecuzione costante in due terminali separati (anche paralleli, volendo) npm run dev e php artisan serve