在应用中引入站内或站外的css和js文件是一项基本需求，laravel 5提供了多种方式来引入css和js，今天我们就来讨论这个问题。
在Laravel 5之前我们使用内置的 HtmlBuilder来添加样式和脚本文件，但是在 Laravel 5 将 HtmlBuilder从核心中移除出去了，所以 HTML::style()不再有效。如果你想要在 Laravel 5 中继续使用需要手动引入 illuminate/html这个包。
我们还是通过Composer来安装：
composer require illuminate/html 5.*
安装完成后需要在 config/app.php中注册服务提供者到 providers数组：
Illuminate\Html\HtmlServiceProvider::class,
同时注册门面到 aliases数组：
立即学习“前端免费学习笔记（深入）”；
'Html' => Illuminate\Html\HtmlFacade::class,'Form' => Illuminate\Html\FormFacade::class,
接下来你就可以在视图文件中使用如下方式来引入css和js文件了：
{!!Html::style('css/style.css')!!}{!!Html::script('js/script.js')!!}
注：站内文件默认相对于web根目录，也就是 public目录
如果要引入站外文件，可以这么实现：
{!!Html::style('//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css')!!}{!!Html::script('//code.angularjs.org/1.2.13/angular.js')!!}此外，还可以使用内置的 URL类上的 asset()方法来引入css和js文件。
引入站内css和js：
<link rel="stylesheet" href="{{ URL::asset('css/bootstrap.css') }}"><script type="text/javascript" src="{{ URL::asset('js/jquery.min.js') }}"></script>
注：默认相对于web根目录，也就是 public目录
引入站外css和js：
<link rel="stylesheet" href="{{ URL::asset('//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css') }}"><script type="text/javascript" src="{{ URL::asset('//code.angularjs.org/1.2.13/angular.js') }}"></script>
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
893
收藏
