AngularJS模塊化

Question

所以我試圖模塊化我的角JS應用程序，因爲它變得相當大，並且它已經很容易迷路，在一個文件中有多個控制器。

這是目前我的文件夾結構，大致上以關閉NG-樣板：

的「SRC」文件夾：

- app 
    - moduleFolder 
    - modulenameModule.js 
    - epicController.js 
    - anotherController.js 
- assets 
    - css, etc 
- components 
    - needed functionality 
- less 
    - less files 

我使用咕嚕JS和咕嚕-CONCAT來連接所有文件在應用程序文件夾中，以便我可以爲整個應用程序構建使用單個文件。

'modulenameModule.js'包含控制器文件在其文件夾中的路由，但存在一個問題：concat函數不會首先在此文件中加載，因此控制器文件嘗試附加到一個模塊代碼中尚不存在。 這裏在控制器文件正在使用的部分代碼：

angular.module('moduleName').controller('controllerName') 

我怎麼能去我想要達到什麼目的？

我希望所有有意義。道歉，如果它不！

Answer 1

你也可能想看看Yeoman和發電機角。既然你熟悉咕嚕聲，你可能會喜歡Yeoman - 它廣泛使用咕嚕聲。

Answer 2

我不能幫你的呼嚕聲的問題，但我認爲這將是值得的回答這個問題，如果我給你介紹prepros：

Prepros - CodeKit for Windows

我曾與咕嚕similiar問題，是無法以有效的方式使用它。 prepros提供了一個整潔而簡單的GUI來完成你的工作。

級聯可以用簡單的註釋來完成：

//@prepros-append file.js