Page 463 - AngularJS权威教程
P. 463
34.5 Lineman 443
} 19
}
}
3. dest 20
最后,还可以通过指定一个目标位置来正常地生成templates.js,而不是简单地分配一个dest:
键作为文件路径插入另一个文件。 21
ngtemplates: {
app: { 22
src: 'templates/*.html',
dest: 'template.js'
}
} 23
34.5 Lineman 24
Lineman是一个构建工具,它允许我们主要关注构建客户机(或者客户端)Web应用。它混
合了很多令人难以置信的功能,让客户端webapp开发变得有趣和容易。 25
Lineman由社区构建和维护,它使得前端webapp开发多产,并且可维护、可管理。
26
本书一直都在单个index.html文件中开发客户端应用程序,我们一直使用浏览器加载该应用。
Lineman使用了不同的方式,它凭借本地服务器服务于应用程序。
27
使用本地服务器为文件提供服务时,Lineman可以提供那些不能在静态文件中使用的特殊功
能。包括:
28
保存文件时编译CoffeeScript 文件为JavaScript;
①
运行Less 和Sass 预处理器生成CSS;
③
②
提供后端替代工具,因此后端服务器可有可无; 29
预编译JavaScript模板;
为后端服务器代理XHR请求; 30
让测试更容易和有趣。
Lineman明确不会处理任何后端服务器(尽管它提供了一种调用后端的方式,正如我们将会 31
看到的)。它重点关注构建可以编译、压缩和部署为静态Web应用的AngularJS应用。
32
④
要使用Lineman,需要确保安装了NodeJS ;它自带了用于打包的npm工具。为了使用Lineman,
可以使用npm全局安装它。
33
$ npm install -g lineman
虽然我们将使用Lineman运行项目,但这里还没使用打包生成器。相反,这里将会使用由David
Mosher创建的AngularJS模板。 34
—————————— 35
① http://coffeescript.org/
② http://lesscss.org/
③ http://sass-lang.com/ 36
④ http://nodejs.org/