

GitHub - spatie/laravel-mix-preload: Add preload and prefetch links based your M...
source link: https://github.com/spatie/laravel-mix-preload
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

README.md
Add preload and prefetch links based your Mix manifest
<head> <title>Preloading things</title> @preload </head>
This package exposes a @preload
Blade directive that renders preload and prefetch links based on the contents in mix-manifest.json
. Declaring what should be preloaded or prefetched is simple, just make sure preload
or prefetch
is part of the chunk name.
If this is your mix manifest:
{ "/js/app.js": "/js/app.js", "/css/app.css": "/css/app.css", "/css/prefetch-otherpagecss.css": "/css/prefetch-otherpagecss.css", "/js/preload-biglibrary.js": "/js/preload-biglibrary.js", "/js/vendors~preload-biglibrary.js": "/js/vendors~preload-biglibrary.js" }
The following links will be rendered:
<link rel="prefetch" href="/css/prefetch-otherpagecss.css" as="style"> <link rel="preload" href="/js/preload-biglibrary.js" as="script"> <link rel="preload" href="/js/vendors~preload-biglibrary.js" as="script">
Installation
You can install the package via composer:
composer require spatie/laravel-mix-preload
Usage
Add a @preload
directive to your applications layout file(s).
<!doctype html> <html> <head> ... @preload </head> <body> ... </body> </html>
Testing
composer test
Changelog
Please see CHANGELOG for more information on what has changed recently.
Contributing
Please see CONTRIBUTING for details.
Security
If you discover any security related issues, please email [email protected] instead of using the issue tracker.
Postcardware
You're free to use this package, but if it makes it to your production environment we highly appreciate you sending us a postcard from your hometown, mentioning which of our package(s) you are using.
Our address is: Spatie, Samberstraat 69D, 2060 Antwerp, Belgium.
We publish all received postcards on our company website.
Credits
Support us
Spatie is a webdesign agency based in Antwerp, Belgium. You'll find an overview of all our open source projects on our website.
Does your business depend on our contributions? Reach out and support us on Patreon. All pledges will be dedicated to allocating workforce on maintenance and new awesome stuff.
License
The MIT License (MIT). Please see License File for more information.
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK