ajulcab/laravel-asset-manager

Gestionar los assets dentro de laravel

1.1.0 2021-10-12 17:09 UTC

Requires

• php: ^7.3|^8.0

Requires (Dev)

• illuminate/view: ^8.64
• phpunit/phpunit: ^9.3.3

MIT

• Ahiezer Julca

• assets
• css
• JS
• laravel
• ajulcab

README

#Simple Asset Manager for Laravel

Support Laravel 8.

Installation

1. Run composer require ajulcab/laravel-asset-manager
2. Add Ajulcab\AssetManager\AssetManagerServiceProvider::class to app config providers array
3. Run php artisan vendor:publish --provider="Ajulcab\AssetManager\AssetManagerServiceProvider" --tag="config"

Configuration

All the assets are defined as key-value pairs in the assets array. The key would then be used in the view files to include the resources, e.g. @css('animate').

The value part allows for 3 types of formats.

• simple resource url:

'css' => 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css'

• arrays of resource urls

'js' => [
    'https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.12/js/jquery.dataTables.min.js',
    'https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.12/js/dataTables.bootstrap.min.js'
]

• js also accepts an array of options. Note in this case the whole js asset must be wrapped in an array

'js' => [
    ['https://cdnjs.cloudflare.com/ajax/libs/pace/1.0.2/pace.min.js', ['data-pace-options' => '{ "ajax": false }']]
]

which outputs

<script data-pace-options='{ "ajax": false }' type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/pace/1.0.2/pace.min.js'></script>

This can be used together with the 2nd format

Example usage

config/asset-manager.php

'assets' => [
    'animate' => [
            'css' => 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css'
    ],
    'tagsinput' => [
        'css' => 'https://cdnjs.cloudflare.com/ajax/libs/bootstrap-tagsinput/0.8.0/bootstrap-tagsinput.css',
        'js' => 'https://cdnjs.cloudflare.com/ajax/libs/bootstrap-tagsinput/0.8.0/bootstrap-tagsinput.min.js'
    ],
    'datatables' => [
        'css' => 'https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.12/css/dataTables.bootstrap.min.css',
        'js' => [
            'https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.12/js/jquery.dataTables.min.js',
            'https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.12/js/dataTables.bootstrap.min.js'
        ]
    ],
    ...
]

view.blade.php

@css('animate', 'tagsinput', 'datatables')

@js('tagsinput', 'datatables')

This will create asset inclusions in your html with the corresponding urls.

You can also call urls directly

@css('https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css')