angulaire.js - Comment charger des fichiers js à la demande dans des projets AngularJS

Question

Comme l'indique le titre, lorsqu'il y a de plus en plus de fichiers js dans le projet AngularJS, comment les charger à la demande. Le résultat de la recherche actuelle est d'utiliser RequireJS ou Browserify. S'il vous plaît, aidez-moi si vous avez une expérience pratique, merci !

某草草 · Answer

J'ai déjà utilisé l'implémentation RequireJS + AngularJS, mais je pense qu'il n'est pas nécessaire d'utiliser le mode AMD pour charger des fichiers JS. Quelques avis personnels :

Le chargement d'AMD semble bon, mais dans l'environnement de production final, il est recommandé de compresser le fichier JS en un seul fichier, ce qui peut être plus rapide
AngularJS lui-même peut être écrit sous forme de module à charger. Si vous trouvez cela peu pratique à gérer, jetez un œil à la disposition des dossiers dans votre projet, à la dénomination des fichiers, etc. Cela semble plus pratique à gérer. le code front-end de ces manières

Le chargement d'AMD semble bon, mais dans des circonstances normales, il n'est pas vraiment nécessaire d'utiliser AMD pour charger JS, CSS, HTML, etc.

Juste une suggestion personnelle. Il existe de nombreuses discussions sur Internet sur l'opportunité d'utiliser le mode AMD, utilisez simplement celui que vous préférez

BTW, les suggestions ci-dessus sont basées sur PC comme plate-forme

ringa_lee · Answer

J'ai écrit un gadget, qui est en fait un slide web, réalisé par requirejs + angularJs.
Adresse en ligne : http://leftstick.github.io/front-end-slides/,
Code source : https://github.com/leftstick/front-end-slides/tree/gh-pages

Parce que ce n'est pas grand, cela pourrait vous être utile de comprendre

过去多啦不再A梦 · Answer

Utiliser avec requirejs

http://github.com/treri/angular-require

A été utilisé dans des projets d'entreprise avec de bons résultats

迷茫 · Answer

Il est recommandé d'utiliser angulaire-async-loader pour implémenter le chargement asynchrone de modules angulaires, y compris divers contrôleurs, filtres, services et directives, etc., et prend également en charge angulaire-ui-router

http://my.oschina.net/sub/blog/513255/
https://github.com/subchen/angular-async-loader

Comme mentionné