README

一个简单的模块，允许在 Magento 2 中异步加载 CSS

安装

1. 转到您的 Magento 根目录
2. 运行 composer require meanbee/magento2-csspreload

开发

设置开发环境

项目包含 Docker 开发环境

docker-compose run --rm cli magento-extension-installer Meanbee_CSSPreload
docker-compose up -d

使用方法

要将资源添加到块中，请提供 assets 参数

<referenceBlock name="head.csspreload">
    <arguments>
        <argument name="assets" xsi:type="array">
            <item name="unique_name" xsi:type="array">
                <item name="path" xsi:type="string">css/filename.css</item>
                <item name="attributes" xsi:type="array">
                    <item name="name" xsi:type="string">attribute</item>
                    <item name="value" xsi:type="string">value</item>
                </item>
            </item>
        </argument>
    </arguments>
</referenceBlock>

要修改生成的 <link /> 标签的模板，请提供一个 link_template 参数，例如

<referenceBlock name="head.csspreload">
    <arguments>
        <argument name="link_template" xsi:type="string"><![CDATA[<link rel="preload" as="style" href=":path:" onload="this.rel='stylesheet'" :attributes: />]]></argument>
    </arguments>
</referenceBlock>

将有两个变量被替换：:path:，将被资源路径替换，以及 :attributes:，它将包含您的 assets 的 HTML 属性作为 attributes。