Page 462 - AngularJS权威教程
P. 462
442 第 34 章 下一步
6. source
可以将source选项设为一个函数,它会在模板被编译之前,源文件被压缩之后调用,因此可
以自定义模板文件输出。例如,可以给源文件添加一个标准的头部。
这个函数会使用这些选项调用。
source:压缩后的模板资源。
path:模板文件路径。
options:任务选项对象。
7. standalone
这个布尔值选项标记用于告诉Grunt任务模板,它到底是独立的,还是现有模块的一部分,
比如myApp。大多情况下,这个选项都应该设置为false(这也是它的默认值)。
8. url
设置url选项时会重写模板的$templateCache URL。通常,特殊情况下才使用这个选项;设
置cwd和src可以让模板用于XHR和$templateCache。
34.4.4 用法
grunt-angular-templates的作者提供了许多选项,告诉我们可以如何使用这个任务。
1. concat
使用该任务的最简单方式就在concat任务内。它的任务是负责压缩concat任务内的位置。
concat: {
app: {
src: ['*.js', '<%= ngtemplates.app.dest %>'],
dest: ['app.js']
}
}
现在模板将被附加到app.js文件的尾部。
2. usemin
grunt-usemin是一个压缩和合并内联请求JavaScript文件的任务,可以在产品中压缩和合并
源文件,但是在开发中继续使用未压缩的依赖。例如:
<!-- build:js module.js -->
<script src="scripts/app.js"></script>
<script src="scripts/controllers.js"></script>
<!-- endbuild -->
文件会被压缩为module.js。然后可以将这个文件作为目标文件附加给模板。
ngtemplates: {
app: {
src: 'templates/*.html',
dest: 'template.js',
options: {
concat: 'module.js'