Porównaj ceny domen i usług IT, sprzedawców z całego świata

Instalacja Bootstrap 4 z Laravel 5.7


Próbuję skompilować plik app.scss, który jest dostarczany z moim nowym projektem z Laravel, ale chcę zainstalować Bootstrap 4. W momencie wykonywania mój
npm run dev
nie instaluje Bootstrap 4, ale nadal ma Bootstrap, który Laravel oferuje domyślnie.
Jakieś wskazówki lub dokumenty na ten temat?
https://i.stack.imgur.com/wtxuS.png
Zaproszony:
Anonimowy użytkownik

Anonimowy użytkownik

Potwierdzenie od:

Laravel faktycznie jest domyślnie dostarczany z Bootstrap 4. Jeśli spojrzysz na plik https://github.com/laravel/lar ... .json (musisz mieć również package.json w swoim projekcie) zobaczysz wiersz:
"bootstrap": "^4.0.0"

co oznacza, że ​​Bootstrap 4 zostanie zainstalowany.
Musisz uciekać
npm install

aby zainstalować wszystkie pakiety i domyślnie zainstaluje Bootstrap 4.
Ten znak
~
oznacza tutaj katalog
node_modules
, więc w rzeczywistości wiersz
@import "~bootstrap/scss/bootstrap"

znaczy
@import "node_modules/bootstrap/scss/bootstrap"
Anonimowy użytkownik

Anonimowy użytkownik

Potwierdzenie od:

Jeśli zajrzysz do pliku Laravel welcome.blade.php, zobaczysz trochę CSS i tag linku, który importuje czcionkę Google. Nie należy tego mylić z faktycznym importowaniem Bootstrap 4.
Oto kroki, które należy wykonać, aby zaimplementować Bootstrap 4 i wszystkie inne fajne rzeczy, które domyślnie są dostarczane z Laravel. Wydaje mi się, że uruchomiłeś już
npm run watch
, więc zakładam, że uruchomiłeś to polecenie.

Proste kroki

Dodaj tag link do elementu head:
<link rel="stylesheet" href="css/app.css">

Dodaj następujący tekst u dołu elementu body:
<script src="js/app.js" charset="utf-8"></script>

To powinno zrobić to za Ciebie. Ale upewnij się, że skompilowałeś pliki SCSS i Javascript za pomocą
npm run watch
, w przeciwnym razie to nie zadziała!
Hurra!

Aby odpowiedzieć na pytania, Zaloguj się lub Zarejestruj się