@mixmix
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css"
integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
<link href="/css/styles.css?{{time()}}" rel="stylesheet">
<link href="/css/animate.css" rel="stylesheet" type="text/css">
<link href="/css/main.css" rel="stylesheet" type="text/css">
@endmixmix
こんな感じに書いておくと
<link href="/storage/mixmix/3627482dd6bd4907389e0c1fcbfce6d0.css?1537641502" rel="stylesheet" type="text/css">
こんな感じに、さくっとまとめてローカルファイル化して高速化してくれる @mixmix
ディレクティブの実装手順です。
実装手順
@mikkame さんの助けにより、packagist からインストールできるようになりました。
@mikkame さんありがとうございます!渋谷にいらっしゃったら飯おごります
composer require prexlab/laravel_mixmix
php artisan storage:link
仕様
- ローカル環境(
APP_ENV=local
)ではまとめません。リモート環境でだけでまとめます。 - ?FORCE_MIXMIX=1 とすると、ローカルでもリモートでも、最新のmixmixファイルを生成します
- fontawesomeみたいに、内部で相対リンクで
@import
してると動かなくなります。@mixmix
の外においてください。