bundles dans exigeJS
Je suis nouveau sur requireJS et tring à apprendre de sorte que je peux l'utiliser dans mon application actuelle.
Lors de la lecture de la documentation de l'API de requireJS, je suis tombé sur bundles (http://requirejs.org/docs/api.html#config-bundles) comme option de configuration de requireJS
requirejs.config({
bundles: {
'primary': ['main', 'util', 'text', 'text!template.html'],
'secondary': ['text!secondary.html']
}
});
require(['util', 'text'], function(util, text) {
//The script for module ID 'primary' was loaded,
//and that script included the define()'d
//modules for 'util' and 'text'
});
API Explication :
Bundles config est utile si une build et que construire cible n'était pas un ID module existant, ou si vous avez chargeur de plugin ressources dans la construction de JS fichiers, qui ne doit pas être chargé par le chargeur de plugin.
Mais ici, je ne suis pas en mesure de comprendre pourquoi nous avons besoin de bundle et quand devrions-nous utiliser?
source d'informationauteur user sks
Vous devez vous connecter pour publier un commentaire.
Lors de la construction d'un grand SPA (Single Page Application), il est impératif que vous concaténer et minifier vos fichiers. Le problème avec cela est que vous risquez de vous retrouver avec un énorme minifiés fichier js que l'on peut obtenir aussi grand que quelques mégas.
Afin de résoudre ce problème, exiger introduit la fonctionnalité d'ensembles, ce qui vous permet d'emporter vos fichiers en plusieurs faisceaux, et ceux qui seraient chargés uniquement en cas de besoin.
Ainsi, par exemple, si vous avez une page avec "home" et "à propos", vous pouvez créer un bundle comme:
et puis la page à propos des ressources ne serait servi lorsque vous cliquez sur la page à propos. De cette façon, vous obtenez un chargement différé des ressources.
Pour une meilleure explication et exemple, de regarder cette superbe vidéo: http://vimeo.com/97519516
La partie pertinente est d'environ 39 min.