Laravel Mix Preload 项目教程

Laravel Mix Preload 项目教程

laravel-mix-preloadAdd preload and prefetch links based your Mix manifest项目地址:https://gitcode.com/gh_mirrors/la/laravel-mix-preload

1. 项目的目录结构及介绍

laravel-mix-preload/
├── src/
│   ├── Preload.php
│   ├── PreloadServiceProvider.php
│   └── mix-manifest.json
├── tests/
│   └── PreloadTest.php
├── .editorconfig
├── .gitattributes
├── .gitignore
├── .php_cs
├── .scrutinizer.yml
├── .styleci.yml
├── CHANGELOG.md
├── LICENSE.md
├── README.md
├── composer.json
└── phpunit.xml.dist

• src/: 包含项目的主要源代码文件。
  • Preload.php: 核心功能实现文件。
  • PreloadServiceProvider.php: 服务提供者文件。
  • mix-manifest.json: Laravel Mix 的 manifest 文件。
• tests/: 包含项目的测试文件。
  • PreloadTest.php: 测试文件。
• .editorconfig, .gitattributes, .gitignore: 编辑器配置和版本控制相关文件。
• .php_cs, .scrutinizer.yml, .styleci.yml: 代码风格和质量检查配置文件。
• CHANGELOG.md, LICENSE.md, README.md: 项目文档文件。
• composer.json: Composer 依赖管理文件。
• phpunit.xml.dist: PHPUnit 测试配置文件。

2. 项目的启动文件介绍

项目的启动文件主要是 PreloadServiceProvider.php，它负责注册和启动 Preload 服务。

namespace Spatie\Preload;

use Illuminate\Support\ServiceProvider;

class PreloadServiceProvider extends ServiceProvider
{
    public function boot()
    {
        // 发布配置文件
        $this->publishes([
            __DIR__.'/../config/preload.php' => config_path('preload.php'),
        ]);

        // 加载视图
        $this->loadViewsFrom(__DIR__.'/../resources/views', 'preload');
    }

    public function register()
    {
        $this->mergeConfigFrom(__DIR__.'/../config/preload.php', 'preload');

        $this->app->singleton(Preload::class, function ($app) {
            return new Preload($app['config']['preload']);
        });
    }
}

3. 项目的配置文件介绍

项目的配置文件是 config/preload.php，它包含了项目的配置选项。

return [
    'preload' => [
        'scripts' => [
            'public/js/app.js',
            'public/js/preload-maps.js',
        ],
        'styles' => [
            'public/css/app.css',
        ],
    ],
];

• preload: 主要配置项。
  • scripts: 需要预加载的 JavaScript 文件列表。
  • styles: 需要预加载的 CSS 文件列表。

以上是 Laravel Mix Preload 项目的目录结构、启动文件和配置文件的介绍。希望这份文档能帮助你更好地理解和使用该项目。

laravel-mix-preloadAdd preload and prefetch links based your Mix manifest项目地址:https://gitcode.com/gh_mirrors/la/laravel-mix-preload