您好,欢迎访问一九零五行业门户网

Laravel 5 中使用 HtmlBuilder 及 URL::asset() 引入站内或站外的 css 和 js 文件

在应用中引入站内或站外的css和js文件是一项基本需求,laravel 5提供了多种方式来引入css和js,今天我们就来讨论这个问题。
1、 htmlbuilder 在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')!!}
2、url::asset() 此外,还可以使用内置的 url类上的 asset()方法来引入css和js文件。
引入站内css和js:

注:默认相对于web根目录,也就是 public目录
引入站外css和js:

其它类似信息

推荐信息