如何在开发人员模式下使用angular-app？

Question

当我创建一个Angular应用程序时，我喜欢处于一个混乱的“开发人员模式”，以便我可以快速查看我的更改，而无需重建或做一些其他恼人的工作，看看有什么变化。

在angular-app项目中，除非您执行grunt build，否则无效。这意味着对于每一个甚至微不足道的变化，你都必须重建项目才能看到它的实际效果。

这不是一种愚蠢的做事方式吗？有没有更好的办法？或者我错过了一些我不知道的技术？

Answer 1

是的，你遗失了一些东西。

Grunt是一个任务管理器，具有watch功能，可以在文件发生变化时观察文件系统并运行任务。 angular-app库已在名为watch的grunt任务中实现了此功能。

要启动它，只需运行：

grunt watch

从命令行

。

如果您想了解更多有关grunt和类似信息（例如gulp）的信息，请阅读构建工具。 Google上有大量信息。

Answer 2

Boilerplates非常适合研究组织应用程序的最佳方式，但是您很有可能最终拥有自己的结构。

如果你之前没有机会，我建议尝试一下Requirejs。 This Yeoman generator是一个很好的generator-angular的分支，并且在scaffolding上做得很好（项目的节点依赖关系需要更新以正确构建它，所以请注意这一点）使用Requirejs。 Requirejs＆＃39;模块包装器本身可能需要一些时间来习惯语法，但生成器会使脏工作。

生成的项目意味着使用grunt（连接，缩小等）构建到dist/文件夹，但由于Requirejs是面向浏览器的，因此生成的应用程序将完全适用于未构建状态的开发（仅确保凉亭依赖关系正确链接。）

我还建议LESS而不是其他预处理器，它可以在客户端使用而无需编译。

Gulp总体上比Grunt快得多，但是对于快速调试任务，构建过程仍然可以是PITA。