如何在Laravel 5中包含外部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 中不起作用！

试试吧。

您可以只传递样式表的路径。

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

你可以直接将路径传递给javascript。

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

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

通过在提供程序数组中添加以下值.php在配置/应用程序中注册服务提供程序：

'Illuminate'Html'HtmlServiceProvider'

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

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

首先，您必须将.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文件放在相应的文件夹中，并在我需要的地方使用它们。谢谢你，希望这对你有帮助。

有很多

方法可以包含以下代码中指定的外部 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 .

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

> Laravel 5.5 带有 mix，Elixir 的替代品，外部 css（sass） 可以提取到资源/资产/css（sass） 并导入到 app.css（scss） 或为包含库的 node_module 文件夹提供正确的路径，并可用作

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

Javascript也可以这样做。

好的，

所以我能够弄清楚 5.2 版。您首先需要在公共文件夹中创建资产文件夹，然后将css文件夹和所有css文件放入其中，然后像这样链接它：

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

希望对您有所帮助！

正确和安全的方式

---

如果您有外部.css或.js文件要添加到您的页面中！

我的版本：Laravel框架5.7

如果要添加外部.js文件..

1. 复制外部代码。
2. 在终端中运行命令npm install。
3. 执行上述命令时，您可以看到一个名为 node_modules 的文件夹。
4. 然后转到 resources/js。
5. 打开文件app.js 。
6. 向下滚动到底部并粘贴外部 JS。
7. 最后在终端中运行命令npm run dev。

您的脚本将被更新，其编译并移动到public/js/app.js。 在公用文件夹中添加.js文件不会影响您的页面。

---

如果要添加外部.css文件..

1. 复制外部样式。
2. 在终端中运行命令npm install。
3. 执行上述命令时，您可以看到一个名为 node_modules 的文件夹。
4. 然后转到资源/sass。
5. 打开文件app.scss。
6. 向下滚动到底部并粘贴外部样式。
7. 最后在终端中运行命令npm run dev。

您的脚本将被更新，其编译并移动到public/css/app.css 。 在公用文件夹中添加.css文件不会影响您的页面。

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

Laravel JavaScript & CSS Scafffolding

优酷编译资产

首先，您必须安装 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') }}" />

希望有帮助

我一直在使用

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

 composer require laravelcollective/html

此命令将在您的项目中添加 laracollective/html 包，这在表单创建中非常有用。之后使用

{!! Html::style('public/css/bootstrap.min.css') !!}
{!! Html::script('public/js/jquery.min.js') !!}
{!! Html::script('public/js/bootstrap.min.js') !!}

它主要是由于 laravel webpackmix 尚未执行而发生的

作曲家需要拉拉维尔/UIPHP artisan ui vue --auth//you can use vue boostrap --auth 是添加登录路径和

npm 安装如果它要求运行"NPM基金"，那就去做吧npm 运行开发

再试一次