在刀片模板中包含css文件?

时间:2017-07-24 11:36:44

标签: laravel laravel-5 laravel-5.4

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

我试过了:

@include(public_path('css/styles.css'))

但它说视图不存在。它确实存在。

如何添加css文件?

请注意,我知道这不是链接css文件的正确方法,但对于我的用例它是(我没有建立一个网站)。

8 个答案:

答案 0 :(得分:36)

@include指令允许您从另一个视图中包含Blade视图,如下所示:

@include('another.view')

包括来自主布局的CSS或JS

<link href="{{ asset('css/styles.css') }}" rel="stylesheet">
<script type="text/javascript" src="{{ asset('js/scripts.js') }}"></script>

从子视图中输入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

view.blade.php

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

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

答案 1 :(得分:7)

如果您的css文件在public / css中 使用:

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

如果你的css文件在公共的另一个文件夹中 使用:

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

答案 2 :(得分:3)

正如你所说,这是一个非常糟糕的方法,因此laravel没有AFAIK的功能。

但是,刀片可以运行纯PHP,所以如果你真的需要,你可以这样做:

<?php include public_path('css/styles.css') ?>

答案 3 :(得分:0)

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

它将搜索项目public文件夹

中的文件

答案 4 :(得分:0)

你应该试试这个:

{{ Html::style('css/styles.css') }}

OR

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

希望对你有所帮助!!!

答案 5 :(得分:0)

使用此代码

{!! include ('css/app.css') !!}--}}

答案 6 :(得分:0)

将css文件包含在laravel中的刀片服务器模板中

  1. 将css文件移动到laravel项目中的public-> css文件夹中。
  2. 使用

因此 css 被应用在blade.php文件中。

答案 7 :(得分:0)

在您的主布局中,将其放在所有内容的底部

@stack('styles')

在您看来,将此

@push('styles')

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

@endpush

基本上是一个占位符,因此链接将显示在您的主布局中,并且您可以在不同页面上看到自定义的CSS文件