Php 如何在Laravel5中包含外部CSS和JS文件

我使用的是Laravel5.0，表单和Html帮助程序从此版本中删除，我不知道如何在头文件中包含外部css和js文件。目前我正在使用这个代码

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

试试看

只需将路径传递到样式表即可

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

您只需将路径传递给javascript

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

在composer.json文件的require部分添加以下行，并运行composer update“light/html”：“5.*”

在config/app.php中注册服务提供者，方法是将以下值添加到提供者数组中：

“照亮\Html\HtmlServiceProvider”

通过在别名数组中添加以下两行来注册立面：

'Form'=>'illumb\Html\FormFacade'，
“HTML”=>“illumb\HTML\HtmlFacade”

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

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

希望这有帮助

请记住，旧方法：

{{ Form::script() }}

及

---

已弃用，在Laravel 5中不起作用

我用这种方式，别忘了把你的css文件放在公用文件夹中

例如，我把我的引导css打开

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

要从标头访问，请执行以下操作：

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

---

希望获得此帮助

首先，您必须安装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\">"

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

---

“资产”文件夹位置在公用文件夹中的位置

确定，这样我就能够确定5.2版的位置。您首先需要在公用文件夹中创建资产文件夹，然后将css文件夹和所有css文件放入其中，然后按如下方式链接：

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

---

希望有帮助

将您的资产放在公共目录中，并使用以下命令

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>

---

我可能会迟到，但通过简单地使用asset（）函数，就可以轻松地将JS和CSS包含在Larvel中

e、 g。

---

希望对您有所帮助

Laravel 5.5随附mix，Elixir的替代品，外部css（sass）可以提取到resources/assets/css（sass）并导入到app.css（scss）中，或者提供包含库并可用作

---

Javascript也可以这样做。

首先，您必须将

.css

或

.js

文件放在项目的

公共

文件夹中。您可以为其创建子文件夹，并将文件移动到子文件夹中。那么你必须做以下几件事

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

在我的示例中，我创建了两个子文件夹css和js。我将所有

.css

和

.js

文件放在相应的文件夹中，并在需要的地方使用它们。谢谢你，希望这对你有帮助

正确且安全的方式

---

如果您有要添加到页面中的外部

.css

或

.js

文件

我的版本：Laravel Framework 5.7

如果要添加外部

.js

文件

复制外部代码

在终端中运行命令

npm install

当执行上述命令时，您可以看到名为

node\u modules

的文件夹

然后转到资源/js

打开文件

app.js

向下滚动至底部并粘贴外部JS

最后在终端中运行命令

npm run dev

您的脚本将被更新、编译并移动到

public/js/app.js

。在公用文件夹中添加

.js

文件不会影响您的页面

---

如果要添加外部

.css

文件

复制外部样式

在终端中运行命令

npm install

当执行上述命令时，您可以看到名为

node\u modules

的文件夹

然后转到资源/sass

打开文件

app.scss

向下滚动至底部并粘贴外部样式

最后在终端中运行命令

npm run dev

您的脚本将被更新、编译并移动到

public/css/app.css

。在公用文件夹中添加

.css

文件不会对您的页面产生影响

• 添加外部.css和.js的最简单、最安全的方法

拉维尔

---

YouTube

我一直在利用

<script type="text/javascript" src="{{ URL::asset('js/jquery.js') }}"></script> 
for javascript and 
     <link rel="stylesheet" href="{{ URL::asset('css/main.css') }}">
for css, this points to the public directory, so you need to keep your css and js files there.

对于javascript和
对于css，这指向公共目录，因此您需要将css和js文件保存在那里。

有很多方法可以包含下面代码中指定的外部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，那么最好使用它。

为什么？您是否尝试过使用

URL:：asset（）或app_path（）

？这解决了我的问题，感谢{asset（'public/css/bootstrap.css'）}而不是

HTML

，它需要是

Html

。Html和表单类从Laravel中删除。我添加了以下内容，但这是在网页上打印链接，因为这解决了我的问题{！！Html:：style（'public/css/bootstrap.css'）！！}对Html包的主动维护已由Laravel Collective接管。我们到底要在哪里写这个，{！！HTML:：script（'js/script.js'）！！}，我有js连接问题。还要注意的是，Laravel 5中的资产目录与这个外观没有关联。这让我困惑了一秒钟，

URL:：asset

将直接指向您的公用文件夹。是的，没错。您还可以使用

asset（）

helper方法。它做同样的工作。你为什么要

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

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

<script type="text/javascript" src="{{ URL::asset('js/jquery.js') }}"></script> 
for javascript and 
     <link rel="stylesheet" href="{{ URL::asset('css/main.css') }}">
for css, this points to the public directory, so you need to keep your css and js files there.

<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') }}" />