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

Question

如题

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

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

Answer 1

Saya telah menggunakan pelaksanaan RequireJS + AngularJS sebelum ini, tetapi saya rasa tidak perlu menggunakan mod AMD untuk memuatkan fail JS. Beberapa pendapat peribadi:

• Pemuatan AMD kelihatan baik, tetapi dalam persekitaran pengeluaran akhir, disyorkan untuk memampatkan fail JS ke dalam satu fail, yang mungkin lebih pantas
• AngularJS sendiri boleh ditulis sebagai modul untuk memuatkan Jika anda mendapati ia menyusahkan untuk diurus, maka lihat pada susunan folder dalam projek anda, penamaan fail, dll. Rasanya lebih mudah untuk mengurus bahagian hadapan. -tamatkan kod dengan cara ini

Pemuatan AMD kelihatan baik, tetapi dalam keadaan biasa, tidak banyak keperluan untuk menggunakan AMD untuk memuatkan JS, CSS, HTML, dll.

Sekadar cadangan peribadi Terdapat banyak perbincangan di Internet sama ada untuk menggunakan mod AMD, hanya gunakan yang paling anda suka

BTW, cadangan di atas adalah berdasarkan PC sebagai platform

Answer 2

Saya menulis alat, yang sebenarnya adalah slaid web, dibuat oleh requirejs + angularJs.
Alamat dalam talian: http://leftstick.github.io/front-end-slides/,
Kod sumber: https://github.com/leftstick/front-end-slides/tree/gh-pages

Oleh kerana ia tidak besar, mungkin berguna untuk anda memahami

Answer 3

Gunakan dengan requirejs

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

Telah digunakan dalam projek syarikat dengan hasil yang baik

Answer 4

Adalah disyorkan untuk menggunakan angular-async-loader untuk melaksanakan pemuatan tak segerak bagi modul sudut, termasuk pelbagai pengawal, penapis, perkhidmatan dan arahan, dsb., dan juga menyokong angular-ui-router

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