Adicionando JavaScript em todas as páginas com requireJs

Neste rápido tutorial, mostrarei como adicionar um JavaScript personalizado no Magento 2, disponível em todas as páginas do nosso front end.

Após criar um novo módulo Magento 2, adicione os seguintes arquivos:

define(function(){
    'use strict';
    console.log('JAVASCRIPT ADICIONADO');
});

var config = {
    deps: ['Magenteiro_BaseModule/js/meuJsGlobal']
};

Substitua o nome do módulo conforme sua necessidade, e note que não é necessário adicionar o .js nas dependências do módulo (linha 2 do segundo exemplo).

Caso esteja rodando em modo desenvolvedor (bin/magento deploy:mode:set developer) e com full page cache desabilitado, basta atualizar suas páginas no front end para ver o JavaScript adicionado.

Simples, não é mesmo?

Quer saber mais sobre RequireJS no Magento 2?

Confira o curso de RequireJS para Magento 2 com Vinai Kopp. Ele é um dos desenvolvedores Magento mais certificados do mundo, membro do conselho Magento. Seu curso está disponível aqui no Magenteiro.

Comece agora.

Veja também:

• Adicionando JavaScript externo no Magento 2
• Curso de Criação de Módulos para Magento 2

• Sobre
• Últimos Posts

Ricardo Martins

É desenvolvedor web há 16 anos e um dos primeiros certificados pela Magento no Brasil. Instrutor de mais de 11 cursos Magento (os principais no magenteiro.com/cursos) com mais de 14 mil alunos de 105 países, é também criador do módulo PagSeguro Transparente, usado em mais de 12 mil lojas.

Últimos posts por Ricardo Martins (exibir todos)

• PagSeguro (PagBank) para Magento 1 recebe a Nova Geração - 9 de abril de 2024
• Recorrência no WooCommerce Sem Plugins Pagos - 28 de janeiro de 2024
• Chargeback. O que é, e como se livrar deles. - 19 de dezembro de 2023