0

所以我正在尝试模块化我的 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 文件夹中的所有文件，以便我可以将单个文件用于整个 app 构建。

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

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

我怎样才能实现我想要实现的目标？

我希望一切都说得通。没有的话道歉！

4

2 回答 2

0

您可能还想看看Yeoman和 generator-angular。由于您熟悉 grunt，您可能会喜欢 Yeoman - 它广泛使用 grunt。

于 2013-07-04T12:38:12.550 回答
0

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

Prepros - 适用于 Windows 的 CodeKit

我在 grunt 方面遇到了类似的问题，并且无法以有效的方式使用它。prepros 提供了一个简洁的 GUI 来完成您的工作。

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

//@prepros-append file.js
于 2013-07-04T12:39:07.473 回答