Including a css file in a blade template?

by

@include directive allows you to include a Blade view from within another view, like this :

@include('another.view')

Include CSS or JS from master layout

asset()

The asset function generates a URL for an asset using the current scheme of the request (HTTP or HTTPS):

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

mix()

If you are using versioned Mix file, you can also use mix() function. It will returns the path to a versioned Mix file:

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

Incude CSS or JS from sub-view, use @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

More Related Contents:

  1. Laravel 5.4^ – How to customize notification email layout?
  2. 404 Not Found, but route exist in Laravel 5.4
  3. Trying to get property of non-object error on laravel 5.4
  4. Can Anyone Explain Laravel 5.2 Multi Auth with Example
  5. Laravel Migration Error: Syntax error or access violation: 1071 Specified key was too long; max key length is 767 bytes
  6. Laravel 5.6 – Passport JWT httponly cookie SPA authentication for self consuming API?
  7. How to protect image from public view in Laravel 5?
  8. Laravel – Route::resource vs Route::controller
  9. PHP7 : install ext-dom issue
  10. Laravel Redirect Back with() Message
  11. Persisting sessions across subdomains in Laravel 5
  12. How do I catch exceptions / missing pages in Laravel 5?
  13. Undefined variable: errors in Laravel
  14. Laravel Session always changes every refresh / request in Laravel 5.4
  15. Class ‘Illuminate\Html\HtmlServiceProvider’ not found Laravel 5
  16. Rollback one specific migration in Laravel
  17. Laravel Migration Change to Make a Column Nullable
  18. How to compare two Carbon Timestamps?
  19. Laravel 5.4 – Validation with Regex [duplicate]
  20. Laravel 5 – Manual pagination
  21. What is difference between use env(‘APP_ENV’), config(‘app.env’) or App::environment() to get app environment?
  22. What is the difference between queue:work –daemon and queue:listen
  23. How to select specific columns in laravel eloquent
  24. “Please provide a valid cache path” error in laravel
  25. Laravel 5 – artisan seed [ReflectionException] Class SongsTableSeeder does not exist
  26. There is no existing directory at /storage/logs and its not buildable: Permission denied
  27. I’m getting error “Class ‘Predis\Client’ not found” in Laravel 5.2
  28. How to pass multiple parameters to middleware with OR condition in Laravel 5.2
  29. How to insert big data on the laravel?
  30. Laravel: how to set date format on model attribute casting?

Leave a Comment