Как работать с JS в Magento?

Question

[Андрей Охотников]

Я разобрался как с require js подключать скрипты в файлы шаблона phtml, это понятно. Но в magento есть способ подключения через x-magento-init, из документации я не понял, в каких случаях применять этот способ и где должен лежать подключаемый файл?

Подключаю так

<script type="text/x-magento-init">
{
    "*": { 
        "Magento_Catalog/js/product/counter.js": {}
    }
}
</script>

Где разместить файл counter?
И в каких случаях применять в js файле require, а в каких define?

Comments

[imdeveloper]

Это Magento_Catalog/js/product/counter.js или пусть к модулю к папке js или же алиас к файлу который вы в reuire.js прописали

[Андрей Охотников]

imdeveloper, спасибо, а вообще text/x-magento-init надо применять когда нужно в js при инициализации загрузить какие то данные с бекенда? А в остальных случаях просто через script? И когда применять define, а когда require ?

[imdeveloper]

Андрей Охотников, ну да. я применяю если мне нужно передать например каки-то данные с phtml в js скрипт.
А где вы видели там require? define предназначен для подключения дополнительных js библиотек в ваш код.
читайте про require.js https://requirejs.org/docs/api.html#defdep

[Андрей Охотников]

imdeveloper, у меня в проекте часто встречается require вместо define именно в файлах phtml, как я понял это применяется тогда когда данный скрипт используется только в данном шаблоне, а define выносится в отдельный файл и может вызываться разными компонентами (но это не точно) :)