如何在开发者模式下处理 angular-app?

How to work on angular-app in developer mode?

当我创建一个 Angular 应用程序时,我喜欢保持混乱 "Developer mode" 这样我就可以快速查看我的更改,而无需重新构建或做一些其他烦人的工作来查看什么变化看起来像。

angular-app 项目中,除非您 grunt build,否则什么也做不了。这意味着对于每一个微小的更改,您都必须重建项目才能看到它的实际效果。

这不是很愚蠢的做法吗?有没有更好的办法?还是我遗漏了一些我不知道的技巧?

是的,你错过了一些东西。

G运行t 是一个任务管理器,具有 watch 功能来监视文件系统和 运行 文件更改时的任务。 angular-app 库在名为 watch.

的 g运行t 任务中实现了此功能

要启动它,只需 运行:

grunt watch

从您的命令行。

如果您想阅读有关 g运行t 和类似内容(例如 gulp)的更多信息,请阅读构建工具。 Google.

上有很多信息

样板非常适合研究什么是组织应用程序的最佳方式,但您很有可能最终会得到自己的结构。

如果您之前没有机会,我建议您尝试 Requirejs。 This Yeoman generator 是 nice generator-angular 的一个分支,并且在使用 Requirejs 搭建脚手架方面做得很好(项目的节点依赖项需要更新才能正确构建它,所以请注意这一点)。 Requirejs 的模块包装器本身可能需要一些时间来习惯语法,但生成器会做一些肮脏的工作。

生成的项目旨在通过 grunt(串联、缩小等)构建到 dist/ 文件夹,但由于 Requirejs 是面向浏览器的,因此生成的应用程序在未构建状态下可以完全用于开发(只需确保 Bower 依赖关系正确链接)。

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

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