Ich bin neu bei Laravel und arbeite an einem Produkt. Das Problem, mit dem ich konfrontiert bin, ist das Laden von JS- und CSS-Dateien.Laravel 5.3, Custom Css/Js funktioniert nicht
ich die alle CSS und JS-Dateien in Assets Ordner und den Zugriff auf sie folgt gesetzt haben:
CSS:
<link href="{{asset('css/bootstrap.min.css')}}" rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="{{asset('css/bootstrap-select.css')}}">
<!-- Font Awesome CSS -->
<link href="{{asset('css/font-awesome.min.css')}}" rel='stylesheet' type='text/css'>
<link href="{{asset('css/ionicons.css')}}" rel="stylesheet" type="text/css">
<!-- Owl carousel -->
<link href="{{asset('css/owl.carousel.css')}}" rel="stylesheet" type="text/css">
<link href="{{asset('css/owl.theme.css')}}" rel="stylesheet">
<link href="{{asset('css/owl.transitions.css')}}" rel="stylesheet" type="text/css">
<!-- Custome CSS -->
<link rel="stylesheet" href="{{asset('css/nanoscroller.css')}}" type='text/css'>
<link href="{{asset('css/jquery.bxslider.css')}}" rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="{{asset('css/menu.css')}}">
<link href="{{asset('css/all.css')}}" rel='stylesheet' type='text/css'>
und
JS:
<!-- JS -->
<script src="{{asset('js/jquery-1.12.0.min.js')}}"></script>
<script src="{{asset('js/bootstrap.min.js')}}"></script>
<script src="{{asset('js/bootstrap-select.js')}}"></script>
<script type="text/javascript" src="{{asset('js/jquery.nanoscroller.js')}}"> </script>
<script defer src="{{asset('js/bx.js')}}"></script>
<script src="{{asset('js/jquery.mobile.custom.min.js')}}"></script>
<script src="{{asset('js/menu.js')}}"></script>
<script src="{{asset('js/owl.carousel.js')}}" type="text/javascript"> </script>
<script src="{{asset('js/custom.js')}}"></script>
Dies ist genau die gleiche Art und Weise, wie es mit der Standard-js & CSS-Dateien werden mit frischer Laravel Installation wie diese funktioniert gut:
Standard CSS & JS (in Betrieb):
<link href="{{asset('/css/app.css')}}" rel="stylesheet">
<script src="{{asset('/js/app.js')}}"></script>
Was Ich bin hier vermisst? Muss ich den Schluck verwenden und alle js und css in die Standarddateien app.css und app.js kompilieren?
Dank
ich Gulp empfehlen, diese Dateien verketten. Wenn eine Datei nur auf einer Seite sein muss, ist es in Ordnung, sie separat zu laden. Wenn Sie jedoch Dateien auf allen Seiten benötigen, kombinieren Sie sie zu einer Datei und minimieren Sie sie. Dies spart Ihnen Ladezeit. – Jeff