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