Question

我正在使用grunt / M2＆amp;我注意到我的Magento 2网站上的css文件之前加载的文件较少。有任何想法吗？我需要最后加载的文件，所以它会覆盖类......

- 非常感谢！

以下是我的主题/ layout / default_head_blocks.xml中的内容：

    <?xml version="1.0"?>
    <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../../../vendor/magento/framework/Module/etc/module.xsd">
    <head>
    <css src="css/local-m.css" />
    <css src="css/local-l.css" media="screen and (min-width: 768px)"/>
    <css src="css/source/_custom.css" /> <!-- This is the less file -->
   </head>
   </page>

Answer 1

如果您查看https://github.com/magento/magento2/issues/1821，可以看到他们建议添加load_last="true"。我已经使用过了，它按预期工作。

这里是完整的一行：

<css src="css/custom.css" load_last="true" />

我将添加一个额外的注释，让你知道我开始沿着这条路线，直到我学会了如何覆盖/扩展特定模块LESS。这是一个提供示例场景的Magento文档：http://devdocs.magento.com/guides/v2.1/frontend-dev-guide/responsive-web-design/rwd_practice.html

Answer 2

有一个带有 XML 导入 CSS 的属性。请检查下面的 default_headd_blocks.xml 文件。

<块引用>

app/design/frontend/{{你的主题名称这里}}/default/Magento_Theme/layout/default_head_blocks.xml

你可以尝试两种方式

<head>
  <css src="Namespace_Module::css/custom.css" order="100"/>
</head>

或

<head>
  <css src="Namespace_Module::css/custom.css" media="all"/>
</head>

如果您有任何问题，请告诉我。

Magento 2 - 为什么首先加载较少的文件？

2 个答案: