README

# Laravel 简单资源管理器

安装

1. 运行 composer require sudomabider/laravel-asset-manager
2. 将 Sudomabider\AssetManager\AssetManagerServiceProvider::class 添加到 app 配置中的 providers 数组
3. 运行 php artisan vendor:publish --provider="Sudomabider\AssetManager\AssetManagerServiceProvider" --tag="config"

配置

所有资源都定义在 assets 数组中。然后在视图文件中使用键来包含资源，例如 @css('animate')。

值部分支持 3 种格式。

• 简单资源 URL

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

• 资源 URL 数组

'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 也接受选项数组。 注意 在这种情况下，整个 js 资产必须包装在数组中

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

这将输出

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

这可以与第二种格式一起使用

示例用法

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')

这将根据相应的 URL 在您的 HTML 中创建资源包含。

您也可以直接调用 URL

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