README

将CSS和JavaScript文件聚合到单个文件中，以改善加载性能。

如何使用

安装插件后，在 config/filesystems.php 文件中创建一个新的磁盘

'aggregated' => [
    'driver' => 'local',
    'root' => public_path('aggregated'),
    'url' => '/aggregated',
    'visibility' => 'public',
]

您可以根据需要自定义根目录。唯一的限制是磁盘可见性必须是公开可见的。

要聚合文件，在您的 layout.antlers.html 文件中使用标签对 {{ aggregate:css }} 和 {{ aggregate:js }}

为了更好的使用，可以将聚合与 {{ yield }} 结合使用

<!doctype html>
<html lang="{{ site:short_locale }}">
    <head>
        <meta charset="utf-8">
        {{ aggregate:css }}
        {{ yield:css }}
        {{ /aggregate:css }}
    </head>
    <body>
        {{ template_content }}

        {{ aggregate:js }}
        {{ yield:js }}
        {{ /aggregate:js }}
    </body>
</html>

在您的蓝图 .antlers.html 文件中，一如既往地使用

...
{{ section:css }}
<link rel="stylesheet" href="/theme/styles/style1.css" />
<link rel="stylesheet" href="/theme/styles/style2.css" />
{{ /section:css }}

{{ section:js }}
<script src="/theme/scripts/script1.js"></script>
<script src="/theme/scripts/script2.js"></script>
{{ /section:js }}

请记住，{{ aggregate }} 标签的内容将被替换为一个单一的CSS或JavaScript标签：仅插入本地CSS和JavaScript文件。

最后，请记住聚合不会重写CSS文件中的 url()。

gioppy / statamic-aggregate-assets

维护者

详细信息

README

如何使用