如何在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也可以做同样的事情。