如何在Laravel 5中包含外部CSS和JS文件

我使用的是Laravel 5.0,Form和Html Helper从这个版本中删除,我不知道如何在我的头文件中包含外部的CSS和JS文件。 目前我正在使用此代码。

<link rel="stylesheet" href="/css/bootstrap.min.css"> <!--- css file ---> <script type="text/javascript" src="/js/jquery.min.js"></script> 

我认为正确的方法是这样的:

 <script type="text/javascript" src="{{ URL::asset('js/jquery.js') }}"></script> 

在这里,我在laravel的app/public文件夹中有一个js目录。 在那里我有一个jquery.js文件。 函数URL :: asset()为您生成必要的url。 同样的CSS:

 <link rel="stylesheet" href="{{ URL::asset('css/somestylesheet.css') }}" /> 

希望这可以帮助。

请记住,老方法:

 {{ Form::script() }} 

 {{ Form::style() }} 

被弃用,并不会在Laravel 5工作!

尝试一下。

您可以将path传递给样式表。

 {!! HTML::style('css/style.css') !!} 

您可以将path传递给JavaScript。

 {!! HTML::script('js/script.js'); !!} 

composer.json文件的require部分中添加以下行,并运行composer update “illuminate / html”:“5. *”

通过将以下值添加到提供程序数组 ,在config / app.php中注册服务提供者:

'Illuminate\Html\HtmlServiceProvider'

通过在aliases数组中添加这两行来注册外观:

'Form'=> 'Illuminate\Html\FormFacade', 'HTML'=> 'Illuminate\Html\HtmlFacade'

在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> 

资产文件夹位置在公用文件夹内

我用这种方式,不要忘记把你的css文件放在公共文件夹中。

例如我把我的引导CSS的

 "root/public/bootstrap/css/bootstrap.min.css" 

从标题访问:

 <link href="{{ asset('bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" type="text/css" > 

希望这个帮助

将您的资源放置在公共目录中并使用以下内容

 URL::to() 

 <link rel="stylesheet" type="text/css" href="{{ URL::to('css/style.css') }}"> <script type="text/javascript" src="{{ URL::to('js/jquery.min.js') }}"></script> 

好的,所以我能够找出版本5.2。 您首先需要在公用文件夹中创buildassets文件夹,然后将css文件夹和所有css文件放入它,然后像下面这样链接它:

 <link href="assets/css/bootstrap.min.css" rel="stylesheet"> 

希望有所帮助!

 {{ HTML::style('yourcss.css') }} {{ HTML::script('yourjs.js'); }} 

首先你必须安装Illuminate Html助手类:

 composer require "illuminate/html":"5.0.*" 

接下来你需要打开/config/app.php并更新,如下所示:

 'providers' => [ ... Illuminate\Html\HtmlServiceProvider::class, ], 'aliases' => [ ... 'Form' => Illuminate\Html\FormFacade::class, 'HTML' => Illuminate\Html\HtmlFacade::class, ], 

要确认它正在工作,请使用以下命令:

 php artisan tinker > Form::text('foo') "<input name=\"foo\" type=\"text\">" 

要将外部css包含在您的文件中,请使用以下语法:

 {!! HTML::style('foo/bar.css') !!} 

我可能会迟到派对,但只需使用asset()函数就可以轻松地将JS和CSS包含在Laravel中

例如<link rel="stylesheet" href="{{ asset('css/app.css') }}" />

希望有所帮助

Laravel 5.5自带mix,replaceElixir,外部的css(sass)可以解压到resources / assets / css(sass)并导入到app.css(scss),或者给你的node_module文件夹提供正确的path,库和可以用作

<link rel="stylesheet" href="{{ mix('css/app.css') }}" >

Javascript也可以做同样的事情。