laravel-blade-helpers

This package implements some blade directives not part of Laravel core package

Assets are loaded from public folder, and are appended with modification timestamp to ensure modified versions of the file are not cached in browser.

You can load css,js and img files using this new blade directtives. Actual files are expected to be located inside Laravel's public foler.

Usage

Example 1: Load a CSS file under the bs5 key inside config/laravel-blade-helpers.php.

@loadcss('bs5')

Example 2: Load a JS file under the bs5 key inside config/laravel-blade-helpers.php.

@loadjs('bs5')

Example 3: Load a PNG image file under the logo key inside config/laravel-blade-helpers.php.

@loadimg('logo')

Customizations

To publish config file

php artisan vendor:publish --provider="Jcrodriguezt\LaravelBladeHelpers\BladeHelpersServiceProvider"

Configuration file

This is an example of a basic configuration file. Note the css/js/img prefix.

<?php

return [
    'csspath' => 'css/',
    'css' => [
        'bs5' => [ 'src' => env('CSS_BOOTSTRAP', 'bootstrap.min.css') ],
    ],
    'jspath' => 'js/',
    'js' => [
        'bs5' => [ 'src' => 'bootstrap.bundle.min.js' ],
        'jquery' => [ 
            'src' => 'https://csn.example.com/jquery/3.6.1', 
            'params' => 'integrity="sha512-aVKKRRi/Q/YVfls...dlfjd==" crossorigin="anonymous" referrerpolicy="no-referrer"' 
        ],
    ],
    'imgpath' => 'images/',
    'img' => [
        'logo' => [ 'src' => env('APP_LOGO') ],
        'otherlogo' => [ 'src' => 'otherlogo.png', 'params' => 'class="w-100"' ],
    ],

Contributions & Licence

Contributions are welcome.

MIT Licensed. Do as you wish.