2015-02-05 35 views
1

從這裏開始角度開發人員。我有一個加載角元素的問題。 假設我正在嘗試創建一個SPA。我會在route.js中配置一些路由,然後在我的佈局模板中使用ng-view。Angular如何避免使用ng-view加載許多JavaScript文件

但是,在網上尋找似乎很多人推薦組織各種角元素(控制器,指令和服務)作爲他們自己的.js文件在某種有意義的分層文件夾系統中。

我的問題是:如何避免必須將所有這些元素包含在我的佈局模板的標題中。我的意思是,我應該如何避免在我的應用程序中使用的所有控制器,指令和服務的標題中包含許多.js文件?

或者這只是角度的一部分?佈局模板文件包含大量包含的.js文件?

+1

Grunt是你的朋友。我使用grunt將所有內容拼接成一個文件。咕嚕也可以醜化它。 Gulp也做同樣的東西 – ribsies

+0

我會說看看https://github.com/headjs/headjs。正如他們的描述所說:「您中的唯一腳本」 –

+0

我永遠不會相信任何未經過一年更新的任何內容。 Grunt會改變你的生活 – ribsies

回答

0

有多種方法可以處理這種情況。更常見的一種是使用Gulp.js或類似的Task Runner將minify and concatenate您的各種腳本文件合併到一個可分發文件中。

您還可以使用RequireJS,Browserify,ComponentJS或類似的方式將您的組件定義爲要按需加載的模塊。

大多數情況下,這取決於您的應用程序有多複雜,以及您希望如何微觀管理這些優化。