Saya Menggunakan Laravel 5.0 , Bentuk dan Helper Html dihapus dari versi ini , saya tidak tahu bagaimana untuk memasukkan eksternal css dan js file di file header. Saat ini saya menggunakan kode ini.
<link rel="stylesheet" href="/css/bootstrap.min.css"> <!--- css file --->
<script type="text/javascript" src="/js/jquery.min.js"></script>
Saya berpikir bahwa cara yang tepat adalah yang satu ini:
<script type="text/javascript" src="{{ URL::asset('js/jquery.js') }}"></script>
Di sini saya memiliki js
di direktori laravel's app/umum
folder. Di sana saya memiliki jquery.js
file. Fungsi URL::aset() menghasilkan yang diperlukan url untuk anda. Yang sama untuk css:
<link rel="stylesheet" href="{{ URL::asset('css/somestylesheet.css') }}" />
Semoga ini bisa membantu.
Perlu diingat bahwa lama mehods:
{{ Form::script() }}
dan
{{ Form::style() }}
yang usang dan tidak akan bekerja di Laravel 5!
Mencoba itu.
Anda hanya bisa melewati jalan ke style sheet .
{!! HTML::style('css/style.css') !!}
Anda hanya bisa melewati jalan ke javascript.
{!! HTML::script('js/script.js') !!}
Tambahkan baris berikut di butuhkan bagian dari komposer.json file dan jalankan composer update *"menerangi/html": "5."**.
Daftar penyedia layanan dalam config/app.php dengan menambahkan nilai berikut ke penyedia array:
'Menerangi\Html\HtmlServiceProvider'
Daftarkan fasad dengan menambahkan dua baris dalam alias array:
'Bentuk'=> 'Menerangi\Html\FormFacade', 'HTML'=> 'Menerangi\Html\HtmlFacade'
Di 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>
Di mana aset lokasi folder di dalam folder publik
saya menggunakan cara ini, don't lupa untuk menempatkan file css pada folder publik.
sebagai contoh saya letakkan css bootstrap pada
"root/public/bootstrap/css/bootstrap.min.css"
untuk akses dari header:
<link href="{{ asset('bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" type="text/css" >
semoga bantuan ini
Tempat aset-aset anda di semua direktori dan menggunakan berikut
URL::to()
contoh
<link rel="stylesheet" type="text/css" href="{{ URL::to('css/style.css') }}">
<script type="text/javascript" src="{{ URL::to('js/jquery.min.js') }}"></script>
{{ HTML::style('yourcss.css') }}
{{ HTML::script('yourjs.js') }}
Pada awalnya, anda harus menempatkan anda .css
atau .js
file publik
folder proyek anda. Anda dapat membuat subfolder untuk itu dan memindahkan file dalam subfolder. Maka anda harus melakukan hal-hal berikut ini
<link rel="stylesheet" href="{{asset('css/your_css_file.css')}}">
<script src="{{asset('js/your_js_file.js')}}"></script>
Dalam contoh saya, saya telah membuat dua subfolder bernama css dan js. Saya menempatkan semua .css
dan .js
file dalam folder yang sesuai dan menggunakannya di mana pun aku ingin mereka. Terima kasih dan semoga ini bisa membantu anda.
Ok jadi saya bisa mencari tahu untuk versi 5.2. Pertama-tama anda akan perlu untuk membuat aset folder di folder publik kemudian dimasukkan ke folder css dan semua file css ke dalamnya maka link itu seperti ini :
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
Harapan yang membantu!
Laravel 5.5 dilengkapi dengan campuran , pengganti obat Mujarab, css eksternal(sass) dapat diekstraksi untuk sumber daya/assets/css(sass) dan impor ke aplikasi.css(scss) atau memberikan jalan yang benar untuk anda node_module folder yang berisi perpustakaan dan dapat digunakan sebagai
<link rel="stylesheet" href="{{ mix('css/aplikasi.css') }}" >
Hal yang sama dapat dilakukan untuk Javascript juga .
Pertama, anda harus menginstal Menerangi kelas helper Html:
composer require "illuminate/html":"5.0.*"
Selanjutnya anda perlu membuka /config/app.php dan update sebagai berikut:
'providers' => [
...
Illuminate\Html\HtmlServiceProvider::class,
],
'aliases' => [
...
'Form' => Illuminate\Html\FormFacade::class,
'HTML' => Illuminate\Html\HtmlFacade::class,
],
Untuk memastikan itu bekerja menggunakan perintah berikut:
php artisan tinker
> Form::text('foo')
"<input name=\"foo\" type=\"text\">"
Untuk memasukkan eksternal css di file anda, gunakan sintaks berikut:
{!! HTML::style('foo/bar.css') !!}
Saya telah membuat penggunaan ``
<script type="text/javascript" src="{{ URL::aset('js/jquery.js') }}"></script> untuk javascript dan untuk css, ini menunjuk ke direktori publik, sehingga anda perlu untuk menjaga css dan js file yang ada.MEMPERBAIKI & AMAN
Jika anda memiliki eksternal .css
atau .js
file untuk menambahkan ke halaman anda!
Versi saya : Laravel Framework 5.7
Jika anda ingin menambahkan Eksternal
.js
file..
npm install
di terminal anda.node_modules
.app.js
.npm menjalankan dev
di terminal anda.script anda akan diperbarui dan yang disusun dan pindah ke public/js/app.js
. dengan menambahkan .js
file di folder publik tidak akan berpengaruh pada halaman anda.
Jika anda ingin menambahkan Eksternal
.css
file..
npm install
di terminal anda.node_modules
.app.scss
.npm menjalankan dev
di terminal anda.script anda akan diperbarui dan dikumpulkan dan dipindahkan ke publik/css/aplikasi.css. dengan menambahkan
.css` file di folder publik tidak akan berpengaruh pada halaman anda.
Laravel JavaScript & CSS Scaffolding
YouTube [Kompilasi Aset][2]