quickshiftin/assetorderer

Magento2 中 CSS 文件的排序

1.1.4 2019-08-07 13:07 UTC

This package is auto-updated.

Last update: 2024-09-08 00:37:08 UTC


README

通过显式带有顺序属性的顺序来显式排序资源(即 css 标签)

Magento2 默认没有排序资源(即资产)的方法。此扩展允许您在布局 XML 文件和 admin UI 中的布局更新中为 css 标签指定 顺序 属性。

安装

Composer

composer require quickshiftin/assetorderer

手动

下载仓库并将其添加到您的 Magento2 安装目录下的 app/code/Quickshiftin/Assetorderer

Magento 命令

通过 composer 或下载安装代码后,您需要运行一些 Magento 命令

  • bin/magento module:enable Quickshiftin_Assetorderer
  • bin/magento setup:upgrade
  • rm -rf var/cache var/di var/generation var/page_cache && bin/magento setup:di:compile

使用方法

假设您想在主页上添加一个自定义 CSS 文件,css/home.css。通常您会在布局更新编辑器中输入此文件

<head>
<css src="css/home.css"/>
</head>

然而,Magento 很可能将生成的 link 标签放置在基本 CSS 文件之前,因此不会遵守层叠规则。安装了扩展后,您可以像这样输入带有任意 order 属性的 css 标签

<head>
<css src="css/home.css" order="100" />
</head>

没有显式顺序的任何标签都将按正常顺序出现(实际上相当于它们有一个顺序为 1)。

单元测试

要运行单元测试,请在启用扩展的 Magento2 工作安装中执行

  • cp vendor/quickshiftin/assetorderer/phpunit.xml dev/tests/unit
  • cd dev/tests/unit
  • php ../../../vendor/phpunit/phpunit/phpunit