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

Question

我正在使用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>

Answer 1

我认为这是正确的方法:

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

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

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

希望这可以帮助.

请记住,旧的mehods:

{{ Form::script() }}

和

{{ Form::style() }}

已弃用,不适用于Laravel 5!

Answer 2

试试吧.

您只需将路径传递给样式表即可.

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

您可以将路径传递给javascript.

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

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

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

'Illuminate\Html\HtmlServiceProvider'

通过在别名数组中添加以下两行来注册外观:

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

Answer 3

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

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

Answer 4

我用这种方式,别忘了把你的css文件放在公共文件夹上.

例如我把我的bootstrap css打开

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

从标题访问:

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

希望这个帮助

Answer 5

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

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>

Answer 6

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

Answer 7

有很多方法可以包含外部 css 和 js 文件，如下面的代码所示，但您可以选择其中一种，我已经测试了所有这些，它们的工作原理相同。

<link rel="stylesheet" href="{{ asset('css/stylesheet.css') }}" /><!--Recommended-->
<link rel="stylesheet" href="{{ URL::asset('css/somestylesheet.css') }}" />
<link rel="stylesheet" href="{{ URL::to('css/otherstylesheet.css') }}" />
<link rel="stylesheet" href="{{ url('css/anotherstylesheet.css') }}" />

也许有更多的方法来加载它。

但请记住，如果您从公共文件夹之外加载 css 和 js，那么最好使用Laravel mix.

Answer 8

首先，您必须将.css或.js文件放在public项目的文件夹中。您可以为其创建子文件夹，然后将文件移动到该子文件夹。然后，您必须执行以下操作

<link rel="stylesheet" href="{{asset('css/your_css_file.css')}}">
<script src="{{asset('js/your_js_file.js')}}"></script>

在我的示例中，我创建了两个名为css和js的子文件夹。我将所有.css和.js文件放在相应的文件夹中，并在需要的地方使用它们。谢谢，希望对您有所帮助。