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

【问题标题】：Magento 2 - Why is less file loading first?Magento 2 - 为什么先加载较少的文件？
【发布时间】：2017-01-10 22:34:32
【问题描述】：

我正在使用 grunt/M2 并且我注意到在我的 Magento 2 网站中的 css 文件之前加载了较少的文件。有任何想法吗？我需要最后加载较少的文件，因此它会覆盖类...

-非常感谢！

这是我的主题/布局/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>

【问题讨论】：

标签： xml magento magento2

【解决方案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

【讨论】：

【解决方案2】：

导入 CSS 和 XML 有一个属性。请检查下面的 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>

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

【讨论】：