AngularJS模块化

Question

所以我正在尝试模块化我的angular JS应用程序，因为它变得非常大，而且它已经很容易迷路了，在一个文件中有多个控制器。

这是我目前的文件夹结构，松散地基于ng-boilerplate：

'src‘文件夹：

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

我使用Grunt JS和grunt-concat来连接app文件夹中的所有文件，这样我就可以在整个应用程序构建中使用单个文件。

“modulenameModule.js”在其文件夹中包含控制器文件的路由，但存在一个问题: concat函数不会首先加载到此文件中，因此控制器文件会尝试附加到代码中尚不存在的模块。以下是控制器文件中使用的代码的一部分：

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

我如何才能实现我想要实现的目标呢？

我希望这一切都是有意义的。如果不是这样的话，很抱歉！

Answer 1

您可能还希望查看Yeoman和生成器-angular。既然你对grunt很熟悉，你可能会喜欢Yeoman -它广泛地使用了grunt。

Answer 2

我不能帮助你解决你的问题，但我认为如果我向你介绍prepros，这个问题是值得回答的：

Prepros - CodeKit for Windows

我在使用grunt时遇到了类似的问题，无法有效地使用它。prepros提供了一个整洁而简单的GUI来完成你的工作。

连接可以通过简单的注释来完成：

//@prepros-append file.js