如何使用自定义模块在 Magento2 中为所有页面添加 CSS 和 JS？

【问题标题】：How to add CSS and JS in Magento2 using Custom Module for all pages?如何使用自定义模块在 Magento2 中为所有页面添加 CSS 和 JS？
【发布时间】：2016-08-29 14:39:05
【问题描述】：

我正在尝试使用 Magento 2 中的自定义模块 Magento_Test 为所有网站页面添加自定义 CSS 和 JS 文件。我已经使用布局文件在前端添加了 CSS 和 JS 文件。

Magento/Test/view/frontend/layout/default.xml

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <head>
        <css src="Magento_Test/css/style.css"/>
        <link src="Magento_Test/js/script.js"/>
    </head>
</page>

CSS 和 JS 文件仅包含在自定义模块页面中。那么，如何使用自定义模块在 Magento2 中为所有模板/网站页面添加 CSS 和 JS？

【问题讨论】：

标签： php magento magento2

【解决方案1】：

根据docs，您将要使用default_head_blocks.xml 而不是default.xml

如果您正在使用模块并且已创建这些文件，这对我有用 - Namespace/Module/view/frontend/view/frontend/web/my-styles.css Namespace/Module/view/frontend/view/frontend/web/hello.js

现在

Namespace/Module/view/frontend/view/layout/default_head_blocks.xml

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<head>
    <css src="Namespace_Module::my-styles.css" />
    <link src="Namespace_Module::hello.js" />
</head>

【讨论】：