angular.js - AngularJS 项目中如何实现按需加载js文件

Question

如题

• 在AngularJS项目中js文件越来越多的情况下，如何做到按需加载；
• 目前调研结果是使用RequireJS或者Browserify；

请有实践经验的大神帮帮忙，小弟跪谢！

Answer 1

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

Answer 2

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

Answer 3

Utiliser avec requirejs

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

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

Answer 4

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