Как в Magento 2 модулю добавить на страницу свой скрипт JavaScript и правила CSS?

css
javascript
макет
модуль

(Дмитрий Федюк) #1

В Magento 2 существует несколько способов для добавления модулем на страницы интернет-магазина своих скриптов JavaScript и файлов CSS.
Описанный ниже способ — самый простой. Он не является лучшим для всех ситуаций, но он прост для освоения и работает во всех ситуациях.
Внутри папки модуля (например, app/code/Rm/Core) создайте файл view/<вид интерфейса>/layout/default.xml
Вместо <вид интерфейса> поставьте либо «adminhtml», если браузерные файлы требуется добавить к административной части, либо «frontend», если браузерные файлы требуется добавить к витрине.
Пример файла view/<вид интерфейса>/layout/default.xml:

<?xml version="1.0"?>
<page
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    layout="admin-1column"
    xsi:noNamespaceSchemaLocation="../../../../../../../lib/internal/Magento/Framework/View/Layout/etc/page_configuration.xsd"
>
    <head>
        <link src="Rm_Core::core.js"/>
        <css src="Rm_Core::core.css"/>
    </head>
    <body/>
</page>

В записи Rm_Core::core.js и Rm_Core::core.css вместо Rm_Core укажите имя своего модуля.
Этот пример добавит в секцию HEAD веб-страницы скрипт JavaScript core.js и файл с правилами CSS core.css.
Файлы core.js и core.css разместите в подпапке view/<вид интерфейса>/web внутри папки модуля.


Как подключить на страницу jQuery
Как в Magento 2 модулю добавить свой файл Less
(Дмитрий Федюк) #2

Смотрите также: Как в Magento 2 модулю добавить свой файл Less