如何在开发者模式下处理 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。
当我创建一个 Angular 应用程序时,我喜欢保持混乱 "Developer mode" 这样我就可以快速查看我的更改,而无需重新构建或做一些其他烦人的工作来查看什么变化看起来像。
在 angular-app
项目中,除非您 grunt build
,否则什么也做不了。这意味着对于每一个微小的更改,您都必须重建项目才能看到它的实际效果。
这不是很愚蠢的做法吗?有没有更好的办法?还是我遗漏了一些我不知道的技巧?
是的,你错过了一些东西。
G运行t 是一个任务管理器,具有 watch
功能来监视文件系统和 运行 文件更改时的任务。 angular-app
库在名为 watch
.
要启动它,只需 运行:
grunt watch
从您的命令行。
如果您想阅读有关 g运行t 和类似内容(例如 gulp)的更多信息,请阅读构建工具。 Google.
上有很多信息样板非常适合研究什么是组织应用程序的最佳方式,但您很有可能最终会得到自己的结构。
如果您之前没有机会,我建议您尝试 Requirejs。 This Yeoman generator 是 nice generator-angular
的一个分支,并且在使用 Requirejs 搭建脚手架方面做得很好(项目的节点依赖项需要更新才能正确构建它,所以请注意这一点)。 Requirejs 的模块包装器本身可能需要一些时间来习惯语法,但生成器会做一些肮脏的工作。
生成的项目旨在通过 grunt(串联、缩小等)构建到 dist/
文件夹,但由于 Requirejs 是面向浏览器的,因此生成的应用程序在未构建状态下可以完全用于开发(只需确保 Bower 依赖关系正确链接)。
我还建议使用 LESS 而不是其他预处理器,它可以在客户端使用而无需编译。
Gulp 总体上比 Grunt 快很多,但对于快速调试任务,构建过程仍然可以是一个 PITA。