Fatal编程技术网
  • laravel/
  • Laravel 在刀片模板中包含css文件？

Laravel 在刀片模板中包含css文件？

laravel laravel-5

Laravel 在刀片模板中包含css文件？,laravel,laravel-5,laravel-5.4,Laravel,Laravel 5,Laravel 5.4,我想在我的Laravel刀片模板中包含一个css文件 我试过： @include(public_path('css/styles.css')) 但它说这种观点并不存在。它确实存在 如何包含css文件 请注意，我知道这不是链接css文件的正确方法，但就我的使用案例而言，它是正确的（我没有建立网站）。如果您的css文件是公开的/css 使用： 如果您的css文件在另一个公用文件夹中 使用： 它将在您的项目public文件夹中搜索文件您应该尝试以下操作： {{ Html::style('c

我想在我的Laravel刀片模板中包含一个css文件

我试过：

@include(public_path('css/styles.css'))
但它说这种观点并不存在。它确实存在

如何包含css文件

请注意，我知道这不是链接css文件的正确方法，但就我的使用案例而言，它是正确的（我没有建立网站）。

如果您的css文件是公开的/css 使用：
如果您的css文件在另一个公用文件夹中 使用：
它将在您的项目
public
文件夹中搜索文件

您应该尝试以下操作：

{{ Html::style('css/styles.css') }}
或
希望这对你有帮助

@include
指令允许您从另一个视图中包含刀片视图，如下所示：

@include('another.view')
从主布局中包括CSS或JS 
asset
函数使用请求的当前方案（HTTP或HTTPS）为资产生成URL：
如果您使用的是版本化文件，还可以使用
mix（）
函数。它将返回版本化混合文件的路径：
从子视图中插入CSS或JS，使用
@push（）
。 layout.blade.php

<html>
    <head>
        <!-- push target to head -->
        @stack('styles')
        @stack('scripts')
    </head>
    <body>

        <!-- or push target to footer -->
        @stack('scripts')
    </body>
</html

@push('styles')
    <link href="{{ asset('css/styles.css') }}" rel="stylesheet">
@endpush

@push('scripts')
    <script type="text/javascript" src="{{ asset('js/scripts.js') }}"></script>
@endpush


@堆栈（'样式'）
@堆栈（'脚本'）
@堆栈（'脚本'）

正如你所说的，这是一种可怕的方式，这样Laravel就没有那个功能了

但是，blade可以运行普通php，因此如果您确实需要：




使用此代码：


{！！include（'css/app.css'）

将css文件包含到laravel中的刀片模板中

  • 将css文件移动到laravel项目中的public->css文件夹中
    • 

  • 使用
    • 

    因此css应用于blade.php文件。
    在主布局中，将其放在所有内容底部的头部
    

    @stack('styles')

    
在你看来，把这个
    

    @push('styles')

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

@endpush

    

    @push（'style'））
@端推

    

    基本上是一个占位符，因此链接将显示在主布局上，并且您可以在不同页面上看到自定义css文件
    如果您在file.blade.php中编写css样式，是否有问题？是的，它需要是一个标准的.css文件。
    @include
    仅用于视图，而不是样式表。我不确定Laravel刀片式发动机是否满足您的需要。您可以创建一个带有样式表链接的视图并包含该视图，但我怀疑这是您真正想要的Daniel-好吧，那么如何包含一个非刀片文件呢？您是否尝试过
    {{URL:：asset（'css/styles.css'）}
    我想包含完整的本地路径，这样内容就可以在电子邮件中获得，而不是通过url，所以这是唯一适合我的路径。

    <html>
    <head>
        <!-- push target to head -->
        @stack('styles')
        @stack('scripts')
    </head>
    <body>

        <!-- or push target to footer -->
        @stack('scripts')
    </body>
</html

    

    @push('styles')
    <link href="{{ asset('css/styles.css') }}" rel="stylesheet">
@endpush

@push('scripts')
    <script type="text/javascript" src="{{ asset('js/scripts.js') }}"></script>
@endpush

    

    @stack('styles')

    

    @push('styles')

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

@endpush