在Laravel 5.2的特定視圖中加載CSS和JS文件

Question

我有CSS和JS文件，它們只能在Laravel 5.2中的特定視圖上加載。

我的老闆決定放棄我們用來在我們的刀片模板上加載JS文件的RequireJS。現在，我們試圖以本地方式加載依賴關係。

這是我的代碼：

@extends('layouts.app') 
<link href="{{ URL::asset('assets/css/slick.grid.css') }}" rel="stylesheet"> 
<link href="{{ URL::asset('assets/css/examples.css') }}" rel="stylesheet"> 
<script type="text/javascript"> 
    document.addEventListener('DOMContentLoaded', function() { 
     loadscript('assets/js/jquery.event.drag-2.3.0.js'); 
     loadscript('assets/js/slick.rowselectionmodel.js'); 
     loadscript('assets/js/slick.core.js'); 
     loadscript('assets/js/slick.grid.js'); 
    }); 
</script> 
@section('page') 
//the rest of page 

而我的「loadscript」功能做到這一點：

function loadscript(url, callback) 
{ 
    var head = document.getElementsByTagName('head')[0]; 
    var script = document.createElement('script'); 
    script.type = 'text/javascript'; 
    script.src = url; 

    head.appendChild(script); 
}; 

這並不工作，但感覺有點慢，我相信一定會有一個更好的方式來具體的CSS和JS文件加載與拉拉維爾無論我們想要的任何觀點。

讓css和js文件僅載入某些視圖是非常重要的。

Answer 1

Laravel 5 - Add a stylesheet only if on a certain page/controller (page specific asset)

@extends('layouts.master') 

@section('styles') 
    <link href="{{asset('assets/css/custom-style.css')}}" /> 
@stop 

Answer 2

如果你不喜歡@section（）的想法，只是想在一個地方的動態腳本，看看我詳細的解答在這裏：

Laravel 5 - Add a stylesheet only if on a certain page/controller (page specific asset)

總之，使用命名路線：

<!-- In layout template --> 
@if (in_array(Route::currentRouteName(), ['profile', 'register'])) 
    <script src="example.js"></script> 
@endif