Comment puis-je modifier l'ordre dans lequel Meteor charge les fichiers Javascript?

Lorsque vous effectuez un projet avec le Météore cadre, il regroupe tous les fichiers ensemble, mais il ne semble pas être une façon de dire explicitement "je veux que ce fichier soit chargé avant que l'un".

Disons, par exemple, j'ai 2 fichiers javascript: foo.js et bar.js.

Le fichier bar.js est effectivement contenant le code en fonction l'un de l'un à l'intérieur de foo.js mais Meteor est en cours de chargement bar.js avant foo.js, brisant le projet.

  • Dans node.js je voudrais simplement utiliser require('./bar') à l'intérieur de foo.js
  • Dans le navigateur, je mettrais un <script> tag pointant vers foo.js et l'autre, après, pointant vers bar.js, afin de charger les fichiers dans le bon ordre.

Comment pouvons-nous faire dans Meteor?

  • Meteor charges choses dans l'ordre alphabétique à droite maintenant, comme un simple hack vous pouvez renommer un fichier pour le mettre avant/après l'autre dans l'ordre alphabétique. Je sais que ça manque d'élégance, mais c'est le seul moyen que je connais pour l'influence de l'ordre de chargement.
  • En effet. J'espérais qu'il y est un autre moyen pour ce faire. Peut-être que l'exposition d'une browserify-comme paquet serait une solution: github.com/substack/node-browserify . Il permettrait à des personnes de l'utilisation du nœud de style require() si ils veulent dans leur projet.
InformationsquelleAutor Jeremyfa | 2012-05-21
  1. 62

    Selon le Météore de la documentation, les fichiers sont actuellement chargés dans cet ordre:

    1. Les fichiers [project_root]/lib sont chargés en premier
    2. Les fichiers sont triés par la profondeur de répertoire. Plus profondément les fichiers sont chargés en premier.
    3. Les fichiers sont triés dans l'ordre alphabétique.
    4. principal.* les fichiers sont chargés en dernier.

    Source:
    http://docs.meteor.com/#structuringyourapp

    • Merci, cette logique est en fait mieux que simplement trier les fichiers par ordre alphabétique comme je m'y attendais. Devrait être suffisant pour gérer les dépendances.
    • oui, et si vous utilisez un Météore.de démarrage(...) vous pouvez garantir que tout a été bien chargé et que le DOM est prêt avant de commencer à l'utiliser. Amusez-vous!
    • Que faire si je suis en utilisant un script externe (comme Google) et mes scripts en dépendent?
    • vous devriez être en mesure de le mettre dans le répertoire lib/ - l'ordre logique est maintenant documenté @ docs.meteor.com/#structuringyourapp
    • Ce code est installé avec la météorite? Quand sont-ils chargés?
    • J'aimerais plus de précisions sur l'ordre de chargement des paquets. Je suppose que tous les paquets sont chargés avant toute autre chose, mais je ne vois pas explicitement indiqué...?
    • Meteor emballage définit l'ordre de chargement dans les dépendances de package.js généralement, vous avez donc ne pas s'en soucier. Il a toujours chargées avant votre code principal aussi. Si vous voulez les voir regarder à l'intérieur package.js pour l'instruction comme api.use('reactjs:[email protected]', ['client', 'server']);. Cela signifie que reactjs:réagir colis sera chargé avant ce paquet et ses dépendances, même plus tôt.
    • Cela a considérablement changé dans le Météore 1.3. RTFM
    • l'ordre alphabétique? wtf? Est-ce sérieusement le seul moyen de contrôler l'ordre de chargement des dépendances?

    InformationsquelleAutor agscala
  2. 2

    Pas une solution pour tous les scénarios, mais je pense que, idéalement, tout ce qui dépend d'un autre code sera placé dans un Météore.fonction de démarrage, pour s'assurer que tout est déjà chargé.

    InformationsquelleAutor Chris
  3. -2

    Vous pouvez toujours nous un JS chargeur comme yepnope.js et l'ajouter à la client.js fichier. Cela fonctionne pour moi.

    InformationsquelleAutor bitIO
  4. -2

    J'ai un ensemble de fonctions utilitaires que j'ai structuré en vertu de la common espace de noms (js mondiale).

    I. e.

    //utils/utils.js
Utils = {};

    puis dans les sous-dossiers:

    //utils/validation/validation.js
Utils.Validation = {};

//utils/validation/creditCard.js
Utils.Validation.creditCard = ... //validation logic etc

    aussi j'ai des tas de code qui utilise Utils et il est sous-objets.

    Évidemment, cette structure ne fonctionne pas comme Meteor charge les sous-dossiers en premier.

    Pour le faire fonctionner comme prévu, j'ai dû créer /sous-dossier/sous-dossier/sous-dossier avec le sens des noms, puis de pousser la racine de l'objet dans la plupart des sous-dossier, et de la direction générale des objets dans les sous-dossiers pas si profond.

    Il est très contre-intuitif à mon goût et sujettes à l'erreur (en supposant que vous avez la composante qui est encore plus profond dans la structure de dossiers).

    Pour résoudre ce problème, j'ai utilisé Q bibliothèque reporte et de promesses. La Solution n'est toujours pas propre car il vous fait de la routine code de répéter et de contrôles, mais il vous donne le plein contrôle sur l'ordre de chargement sans toucher à la structure de répertoire (bonjour pour les personnes qui vous dit que vous pouvez organiser meteor code que vous voulez).

    Exemple:

    //utils.js
UtilsDefer = UtilsDefer || Q.defer();
UtilsDefer.resolve({
    //here some root utils stuff
});

//cards.js
//here we'll depend on Utils but don't want to care about directory structure
UtilsDefer = UtilsDefer || Q.defer(); //it will be a) already 
//resolved defer from utils.js, or b) new defer that will
//be resolved later in utils.js
UtilsDefer.then(function(Utils) {
    //do something with utils usage, or for instance add some fields here
    Utils.CreditCardDefer = Utils.CreditCardDefer || Q.defer();
    Utils.CreditCardDefer.resolve({
        //Credit card utils here
    })
});

//someOtherFile.js
//it will be pain to use sub-objects with this method though:
UtilsDefer = UtilsDefer || Q.defer();
UtilsDefer.then(function(Utils) {
    Utils.CreditCardDefer = Utils.CreditCardDefer || Q.defer();
    Utils.CreditCardDefer.then(function(CreditCard) {
        //do stuff with CreditCard _if_ you need to do it on startup stage   
    })
});

    C'est l'exemple de plutôt étroite de cas d'utilisation, comme la plupart du temps, vous serez heureux avec la manipulation de ces variables globales à l'intérieur de certains interaction de l'utilisateur des rappels ou des Meteor.startup où tout est déjà initialisé. Sinon, si vous voulez un contrôle très fin de l'initialisation de l'ordre sur un stade très précoce, qui pourrait être une solution.

    InformationsquelleAutor Igor Loskutov