我一直在玩Yeoman & Jade .我通过 yeoman init angular
创建了一个小型测试应用程序(这是一个 Angular 应用程序,但这不是重点)...
当我在命令行输入 yeoman server
时,它会:
- 编译coffeescript & compass文件
- 启动服务器
- 启动浏览器
- 在浏览器中观看和重新加载 CoffeeScript 和指南针的变化
这是 Yeoman 的一大特色!
现在我想要与 Jade 相同的功能。 所以我安装了 grunt-jade 通过 npm install grunt-jade
并在 GruntFile.js 中添加以下配置来编译 Jade 模板:
jade: {
html: {
src: ['app/views/*.jade'],
dest: 'app/views',
options: {
client: false
}
}
},
通过在 watch
任务中添加以下配置,我能够将 jade
任务集成到 Yeoman's watch & reload tasks 中:
watch: {
...
jade: {
files: 'app/views/*.jade',
tasks: 'jade reload'
},
...
}
所有的工作都非常好...除了初始编译不会发生,除非我将 jade
任务添加到命令中:
yeoman jade server
我们的管家不喜欢这个好女孩,因为他不会让她与他的 server
任务集成 :) 这很烦人,因为 yeoman server
会只编译 CoffeeScript 和指南针文件。
有什么方法可以将 jade
任务添加到 yeoman server
的默认执行中?
最佳答案
我们创建了有关如何将 Jade 与 Yeoman 集成的指南:Using Yeoman and Jade
关于node.js - 在 Yeoman 的 server/watch/reload 任务中集成 Jade,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14243245/