arquivo “main” do require.js
Boa tarde galera.
Pesquisei muito na internet sobre o require.js, mas não entendi ainda como ele se comporta.
Vamos colocar como exemplo um site de grande porte onde eu tenho alguns módulos que serão requisitados pelo require.js em páginas separadas:
- mudacor.js
- mudaaltura.js
- mudafonte.js
Todos os módulos vão ter o seguinte formato, só mudando a regra do css:
/ mudacor.js /
define('mudacor', ['jquery'], function($){
$('#elemento').css('background', '#39F');
});Temos o arquivo "main.js" onde é feita a configuração do caminho de cada script:
/ main.js /
require.config({
baseUrl: 'js/',
paths: {
'jquery' : 'plugins/jquery',
'mudacor' : 'engine/mudacor',
'mudaaltura' : 'engine/mudaaltura',
'mudafonte' : 'engine/mudafonte'
}
});Todos esses módulos vão ser chamados pelo evento click() do jQuery, que eu já consegui fazer funcionar lendo a documentação oficial.
/ continuação do main.js /
require(['jquery'], function($){
$('#botao_mudacor').click(function(){
require(['mudacor']);
});
$('#botao_bolado').click(function(){
require(['ficar_bolado']);
});
});
O mesmo arquivo main devera ser usado em todas as páginas?Tipo, o site todo vai usar o mesmo arquivo main com todos os eventos que o site possui? E se eu tiver 50 eventos/funções do jQuery no arquivo main, e ele é requisitado em uma página que vai ser usados 1 ou 2 eventos somente, isso não iria diminuir o desempenho da página em questão por o navegador ficar sempre monitorando os 50 eventos?
Desde já, agradeço.
Discussão (0)
Carregando comentários...