{"id":959,"date":"2018-08-28T01:55:45","date_gmt":"2018-08-28T04:55:45","guid":{"rendered":"http:\/\/magenteiro.com\/blog\/?p=959"},"modified":"2022-05-06T00:34:06","modified_gmt":"2022-05-06T03:34:06","slug":"javascript-todas-paginas-requirejs","status":"publish","type":"post","link":"https:\/\/www.magenteiro.com\/blog\/magento-2\/javascript-todas-paginas-requirejs\/","title":{"rendered":"Adicionando JavaScript em todas as p\u00e1ginas com requireJs"},"content":{"rendered":"

Neste r\u00e1pido tutorial, mostrarei como adicionar um JavaScript personalizado no Magento 2<\/strong>, dispon\u00edvel em todas as p\u00e1ginas do nosso front end.<\/p>\n

Ap\u00f3s criar um novo m\u00f3dulo Magento 2<\/a>, adicione os seguintes arquivos:<\/p>\n

define(function(){\n    'use strict';\n    console.log('JAVASCRIPT ADICIONADO');\n});<\/pre>\n
var config = {\n    deps: ['Magenteiro_BaseModule\/js\/meuJsGlobal']\n};<\/pre>\n
Substitua o nome do m\u00f3dulo conforme sua necessidade, e note que n\u00e3o \u00e9 necess\u00e1rio adicionar o .js nas depend\u00eancias do m\u00f3dulo (linha 2 do segundo exemplo).<\/p>\n
Caso esteja rodando em modo desenvolvedor (bin\/magento deploy:mode:set developer<\/code>) e com full page cache desabilitado, basta atualizar suas p\u00e1ginas no front end para ver o JavaScript adicionado.<\/p>\n
\u00a0<\/p>\n
Simples, n\u00e3o \u00e9 mesmo?<\/p>\n
\u00a0<\/p>\n\n\n
Quer saber mais sobre RequireJS no Magento 2?<\/h2>\n\n\n\n
Confira o curso de RequireJS para Magento 2 com Vinai Kopp<\/a>. Ele \u00e9 um dos desenvolvedores Magento mais certificados do mundo, membro do conselho Magento. Seu curso est\u00e1 dispon\u00edvel aqui no Magenteiro.<\/p>\n\n\n\n
Comece agora.<\/p>\n\n\n\n
Veja tamb\u00e9m:<\/p>\n\n\n\n