Ich verwende Laravel 5.0, das Formular und der HTML-Helfer wurden aus dieser Version entfernt. Ich weiß nicht, wie ich externe CSS- und JS-Dateien in meine Header-Datei aufnehmen soll. Derzeit verwende ich diesen Code.
<link rel="stylesheet" href="/css/bootstrap.min.css"> <!--- css file --->
<script type="text/javascript" src="/js/jquery.min.js"></script>
Antworten:
Ich denke, dass der richtige Weg dieser ist:
<script type="text/javascript" src="{{ URL::asset('js/jquery.js') }}"></script>
Hier habe ich ein
js
Verzeichnis imapp/public
Ordner der Laravel . Dort habe ich einejquery.js
Datei. Die Funktion URL :: asset () erzeugt die für Sie erforderliche URL. Gleiches gilt für die CSS:<link rel="stylesheet" href="{{ URL::asset('css/somestylesheet.css') }}" />
Hoffe das hilft.
Denken Sie daran, dass die alten Mehods:
und
sind veraltet und funktionieren in Laravel 5 nicht!
quelle
URL::asset
wird buchstäblich auf Ihren öffentlichen Ordner verweisen.asset()
Hilfsmethode verwenden. Es macht die gleiche Arbeit.src="/js/jquery.js"
undhref="https://stackoverflow.com/css/somestylesheet.css"
?asset()
und es funktioniert. Kann jemand den Unterschied erklären?asset()
funktioniert, wenn Sie von einem Unterverzeichnis aus zugreifen, in dem das Hinzufügensrc="/js/jquery.js"
nicht funktioniert, da immer Dateien auf Stammebene erwartet werden und diese js-Dateien nicht gefunden werden, daher 404sVersuch es.
Sie können einfach den Pfad zum Stylesheet übergeben.
{!! HTML::style('css/style.css') !!}
Sie können einfach den Pfad zum Javascript übergeben.
{!! HTML::script('js/script.js') !!}
Fügen Sie die folgenden Zeilen in den erforderlichen Abschnitt der Datei composer.json ein und führen Sie das Composer-Update "illuminate / html" aus: "5. *" .
Registrieren Sie den Dienstanbieter in config / app.php, indem Sie dem Anbieter-Array den folgenden Wert hinzufügen:
'Illuminate\Html\HtmlServiceProvider'
Registrieren Sie Fassaden, indem Sie diese beiden Zeilen in das Aliase-Array einfügen:
'Form'=> 'Illuminate\Html\FormFacade', 'HTML'=> 'Illuminate\Html\HtmlFacade'
quelle
In Laravel 5.1,
<link rel="stylesheet" href="{{URL::asset('assets/css/bootstrap.min.css')}}"> <script type="text/javascript" src="{{URL::asset('assets/js/jquery.min.js')}}"></script>
Der Speicherort des Assets-Ordners befindet sich im öffentlichen Ordner
quelle
Ich benutze diese Methode, vergessen Sie nicht, Ihre CSS-Datei in öffentlichen Ordner zu legen.
Zum Beispiel habe ich meine Bootstrap-CSS aktiviert
"root/public/bootstrap/css/bootstrap.min.css"
Zugriff vom Header:
<link href="{{ asset('bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" type="text/css" >
Ich hoffe das hilft
quelle
Platzieren Sie Ihre Assets in einem öffentlichen Verzeichnis und verwenden Sie Folgendes
Beispiel
<link rel="stylesheet" type="text/css" href="{{ URL::to('css/style.css') }}"> <script type="text/javascript" src="{{ URL::to('js/jquery.min.js') }}"></script>
quelle
{{ HTML::style('yourcss.css') }} {{ HTML::script('yourjs.js') }}
quelle
URL::asset() or app_path()
?HTML
muss es seinHtml
.Zuerst müssen Sie Ihre
.css
oder.js
Dateien in denpublic
Ordner Ihres Projekts legen . Sie können Unterordner erstellen und die Dateien in den Unterordner verschieben. Dann müssen Sie die folgenden Schritte ausführen<link rel="stylesheet" href="{{asset('css/your_css_file.css')}}"> <script src="{{asset('js/your_js_file.js')}}"></script>
In meinem Beispiel habe ich zwei Unterordner namens css und js erstellt. Ich lege alle
.css
und.js
Dateien in die entsprechenden Ordner und verwende sie, wo immer ich will. Vielen Dank und hoffe, das hilft Ihnen.quelle
Ok, also konnte ich für die Version 5.2 herausfinden. Sie müssen zuerst einen Assets-Ordner in Ihrem öffentlichen Ordner erstellen, dann den CSS-Ordner und alle CSS-Dateien darin ablegen und ihn dann wie folgt verknüpfen:
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
Hoffentlich hilft das!
quelle
Laravel 5.5 wird mit Mix geliefert, dem Ersatz für Elixir. Das externe CSS (Sass) kann in Ressourcen / Assets / CSS (Sass) extrahiert und in app.css (SCSS) importiert werden. Oder geben Sie den richtigen Pfad zu Ihrem Ordner node_module an, der das enthält Bibliothek und kann als verwendet werden
<link rel="stylesheet" href="{{ mix('css/app.css') }}" >
Das gleiche kann auch für Javascript gemacht werden.
quelle
Zuerst müssen Sie die Hilfsklasse Illuminate Html installieren:
composer require "illuminate/html":"5.0.*"
Als nächstes müssen Sie /config/app.php öffnen und wie folgt aktualisieren:
'providers' => [ ... Illuminate\Html\HtmlServiceProvider::class, ], 'aliases' => [ ... 'Form' => Illuminate\Html\FormFacade::class, 'HTML' => Illuminate\Html\HtmlFacade::class, ],
Verwenden Sie den folgenden Befehl, um zu bestätigen, dass es funktioniert:
php artisan tinker > Form::text('foo') "<input name=\"foo\" type=\"text\">"
Verwenden Sie die folgende Syntax, um externes CSS in Ihre Dateien aufzunehmen:
{!! HTML::style('foo/bar.css') !!}
quelle
Wenn Sie eine externe
.css
oder.js
Datei zu Ihrer Seite hinzufügen möchten!Meine Version: Laravel Framework 5.7
npm install
in Ihrem Terminal aus.node_modules
.app.js
.npm run dev
in Ihrem Terminal aus.Ihre Skripte werden aktualisiert und kompiliert und verschoben
public/js/app.js
. Das Hinzufügen einer.js
Datei im öffentlichen Ordner wirkt sich nicht auf Ihre Seite aus.npm install
in Ihrem Terminal aus.node_modules
.app.scss
.npm run dev
in Ihrem Terminal aus.Ihre Skripte werden aktualisiert und kompiliert und verschoben
public/css/app.css
. Das Hinzufügen einer.css
Datei im öffentlichen Ordner wirkt sich nicht auf Ihre Seite aus.Laravel JavaScript & CSS Gerüst
YouTube- Kompilierung von Assets
quelle
Ich komme vielleicht zu spät zur Party, aber es ist einfach, JS und CSS auf die Laravel-Art einzuschließen, indem ich einfach die Asset () -Funktion verwende
z.B
<link rel="stylesheet" href="{{ asset('css/app.css') }}" />
hoffentlich hilft das
quelle
Ich habe Gebrauch gemacht
<script type="text/javascript" src="{{ URL::asset('js/jquery.js') }}"></script> for javascript and <link rel="stylesheet" href="{{ URL::asset('css/main.css') }}"> for css, this points to the public directory, so you need to keep your css and js files there.
quelle
Es gibt viele Möglichkeiten, externe CSS- und JS-Dateien einzuschließen, wie im folgenden Code angegeben, aber Sie können eine davon auswählen. Ich habe sie alle getestet. Sie funktionieren gleich.
<link rel="stylesheet" href="{{ asset('css/stylesheet.css') }}" /><!--Recommended--> <link rel="stylesheet" href="{{ URL::asset('css/somestylesheet.css') }}" /> <link rel="stylesheet" href="{{ URL::to('css/otherstylesheet.css') }}" /> <link rel="stylesheet" href="{{ url('css/anotherstylesheet.css') }}" />
Vielleicht gibt es mehr Möglichkeiten, es zu laden.
Beachten Sie jedoch, dass es besser ist, CSS und JS aus einem anderen als einem öffentlichen Ordner zu laden, wenn Sie sie laden
Laravel mix
.quelle