meanbee/magento2-csspreload

此包已被废弃，不再维护。未建议替代包。

允许使用preload属性加载样式的Magento 2模块

维护者

详情

github.com/meanbee/magento2-csspreload

源代码

问题

安装数: 3,307

依赖: 0

建议者: 0

安全: 0

星标: 27

关注者: 6

分支: 17

开放问题: 0

语言：JavaScript

类型：magento2-module

1.2.1 2018-04-17 10:08 UTC

Requires

  • magento/framework: ^101.0.0
  • psr/log: ~1.0

MIT 410dae3654a742b70f1feedf3abae5fff32214a0

  • Darren Belding <darren.belding.woop@meanbee.com>

This package is not auto-updated.

Last update: 2023-08-05 20:21:41 UTC

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:，它将包含您的资源attributes作为HTML属性。