Discussion :

[okoweb]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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...

[vermine]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

'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.

[okoweb]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

//'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 :

Sélectionner tout - Visualiser dans une fenêtre à part

require(['jquery', 'underscore']

Merci d'avance...

[vermine]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

http://...

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

repertoire1/repertoire2/...

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

[okoweb]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

lib/bootstrap/js/bootstrap.min.js

Okay ?

[vermine]

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