[RequireJS] Installation et configuration

Bonjour à tous,
J'ai déjà fait un tour sur la doc mais il y'a des choses qui me restent obscure. J'ai ramassé ce code dans le web :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

requirejs.config({ paths: { 'jquery': 'https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min', 'underscore': 'http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.3.3/underscore-min', 'bootstrap': 'lib/bootstrap/js', 'fuelux': 'src' } }); require(['jquery', 'sample/data', 'sample/datasource', 'fuelux/all'], function ($) {   });

---

La partie requirejs.config ligne 1 a t-il de l'impact sur require ligne 9 ? Que fait ce code ?

Merci d'avance...

Bonjour,

Le requirejs.config permet de paramétrer votre "environnement" RequireJS. En précisant des paths, vous créez en quelques sortes des alias qui pourront être utilisés plus tard.

Code:

---

'alias': 'chemin'

---

Lors du require, vous faites références à tel et tel alias.

Dans votre exemple, jquery et underscore sont directement pris du net. Ce n'est pas le cas de bootstrap et fuelux qui sont dans des répertoires sur votre poste/serveur.

Citation:

---

Envoyé par vermine

Dans votre exemple, jquery et underscore sont directement pris du net.

---

Est-ce cela voudrait dire qu'ils sont déjà disponible dans le script ? une sorte d'include virtuel ? car s'y je commente la ligne :

Code:

---

//'underscore': 'http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.3.3/underscore-min',

---

le script ne fonctionne plus. Pourtant selon vos explications, pour utiliser underscore, on devrait faire l'appelé explicitement comme pour jquery :

Code:

---

require(['jquery', 'underscore']

---

Merci d'avance...

Ce que je voulais dire c'est que pour jQuery et Underscore, on a des url :

Code:

---

http://...

---

Contrairement à Bootstrap et FuelUX qui sont appelé via des chemins d'accès simples :

Code:

---

repertoire1/repertoire2/...

---

Ce qui signifie que Bootstrap et FuelUX doivent être présents sur votre ordinateur tandis que jQuery et Underscore sont sur Internet.

Pour résumer, pour utilisation de ces scripts dans l'application, il faut absolument instancier :

Code:

---

1 2 3

require(['jquery', 'underscore', 'bootstrap/bootstrap.min'], function($){ //jquery, underscore, bootstrap.min sont disponible });

---

Si et seulement si bootstrap.min.js se trouve dans cette arborescence

Code:

---

lib/bootstrap/js/bootstrap.min.js

---

Okay ?

C'est ce que j'ai cru comprendre. Je n'ai cependant pas testé. :oops:

Citation:

---

Envoyé par vermine

C'est ce que j'ai cru comprendre. Je n'ai cependant pas testé. :oops:

---

Ok. Merci.:ccool: