Entendendo os caminhos do requirejs
Usando requirejs meu main.js se parece com isso
requirejs.config({
baseUrl: '/javascript/',
paths: {
jquery: 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min',
async: 'requirePlugins/async',
hbs: 'hbs'
},
waitSeconds: 7
});
define(['common'], function () {
loadFonts();
});
O main.js está incluído na página com uma chamada de script
<script data-main="/javascript/main.js" src="/javascript/require-2.0.1.js"></script>
Comum é a função básica do site, função jquery doc ready etc. envolvida em uma chamada definida:
define(['jquery'], function() {
//jQuery dependant common code
});
Isso funciona bem, o jQuery é carregado a partir do CDN do google e o código é executado. Mas quando eu adiciono uma chamada require após o carregamento de main.js
<script data-main="/javascript/main.js" src="/javascript/require-2.0.1.js"></script>
require(['jquery'], function ($) {
//code
});
jquery é solicitado a partir de /javascript/jquery.js em vez do caminho definido para o google cdn. Eu ainda sou um novato em requirejs, mas parece-me que o caminho deve ser definido antes de qualquer outro pedido ser disparado, alguém pode me ajudar a entender o que estou fazendo errado?