Используйте require-config.js для загрузки файлов, необходимых на всех страницах

Я знаю, как использовать require-config.jsв пользовательских темах, но я хотел бы использовать пользовательский файл JavaScript ( myfile.js) на всех страницах. В какой каталог мне добавить require-config.jsи как его использовать, чтобы он работал как надо?

Пожалуйста, не ссылайтесь на официальную страницу Magento.

requirejs-config.jsиспользует для создания отображения ресурсов JavaScript . Мы можем найти все требуют конфиги в: pub/static/_requirejs.

Насколько я знаю, правильный способ загрузки нашего собственного скрипта через Require Js: использование шаблона для вызова нашего скрипта . Мы создадим новый шаблон с Magento\Framework\View\Element\Templateего классом блока.

Если мы хотим загрузить js-файлы на всех страницах и не хотим создавать новый модуль, наш блок должен ссылаться на модуль Magento Theme before.body.endилиafter.body.start container внутри него default.xml.

приложение / дизайн / интерфейс / Vendor / Тема / Magento_Theme / макет / default.xml

<?xml version="1.0"?>

<page layout="3columns" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
      xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">

    <referenceContainer name="after.body.start">
        <block class="Magento\Framework\View\Element\Template" name="custom.js" template="Magento_Theme::custom_js.phtml"/>
    </referenceContainer>

</page>

приложение / дизайн / интерфейс / Vendor / Тема / requirejs-config.js

var config = {
    map: {
        '*': {
            customScript:'Magento_Theme/js/customscript'
        }
    }
};

приложение / дизайн / интерфейс / Vendor / Тема / Magento_Theme / веб / JS / customscript.js

define('jquery', function($) {

    //Your code here
    //alert('Here');

    }(jQuery)
);

Наш шаблон будет вызывать наш скрипт: app / design / frontend / Vendor / Theme / Magento_Theme / templates / custom_js.phtml

<script>// <![CDATA[
    require([
        'jquery',
        'customScript'
    ], function ($, script) {
        //Your code here
        //alert('Here');
    });
    // ]]>
</script>

Очистите Magento Cache и запустите статическое развертывание контента: php bin/magento setup:static-content:deploy

Файл Requirejs-config: app / code / Vendor / Module / view / frontend / requirejs-config.js

var config = {
    paths: {            
         'myfile': "Vendor_Modulename/js/myfile"
      },   
    shim: {
    'myfile': {
        deps: ['jquery']
    }
  }
} 

Ваш файл js должен находиться в: app / code / Vendor / Module / view / frontend / web / js / myfile.js

Теперь вы можете использовать в любом месте вашего файла шаблона следующим способом:

<srcipt>
 require(["jquery","myfile"],function($,myfile){
     $(document).ready(function(){
        //call your js here...
     })
 })
</script>

Есть более легкая версия с использованием deps. Зависимости в requirejs-config.js загрузят ваш файл при самой загрузке requirejs (везде в магазине). Вот пример того, как должен выглядеть ваш requirejs-config.js :

var config = {
    // When load 'requirejs' always load the following files also
    deps: [
        'common-js'
    ],

    // Library file path.
    paths: {
        'common-js': 'js/Your-File-Name'
    },

    // The rest of your config file ...

В качестве альтернативного подхода к рекомендации Khoa, которая является отличной практикой для разработчиков Magento, вы можете вставить свой JavaScript в файл .phtml следующим образом:

<srcipt>
require(["jquery"],function($){
 $(document).ready(function(){
    your script here...
 })
});
</script>

Затем свяжите ваш phtml-файл с default.xml, как описано в ответе Khoa, хотя я бы порекомендовал добавить его в before.body.end. И затем вызовите свой JS-скрипт из copyright.phtml , например так:

<script>
jQuery(document).ready(function($) {
..call your script here ..
});
</script>

copyright.phtml загружается на каждую страницу, даже на такие страницы, как оформление заказа, где нижний колонтитул опущен.