15

我一直在玩Yeoman & Jade。我通过yeoman init angular（它是一个角度应用程序，但这不是重点）创建了一个小型测试应用程序......

当我yeoman server在命令行输入时，它将：

  • 编译咖啡脚本和指南针文件
  • 启动服务器
  • 启动浏览器
  • 在浏览器中观看和重新加载咖啡脚本和指南针的变化

这是Yeoman的一大特色！

现在我想要与 Jade 相同的功能。所以我通过安装grunt -jade并在GruntFile.jsnpm install grunt-jade中添加以下配置来编译玉模板：

   jade: {
      html: {
        src: ['app/views/*.jade'],
        dest: 'app/views',
        options: {
          client: false
        }
      }
    },

通过在任务中添加以下配置，我能够将jade任务集成到Yeoman 的 watch & reload 任务watch中：

  watch: {
     ...
     jade: {
       files: 'app/views/*.jade',
       tasks: 'jade reload'
     },
     ...
  }

一切都非常好......除了初始编译不会发生，除非我将jade任务添加到命令中：

yeoman jade server

我们的管家不喜欢这个好女孩，因为他不会让她融入他的server任务:) 这很烦人，因为yeoman server只会编译咖啡脚本和指南针文件。

有什么办法可以将jade任务添加到默认执行yeoman server？

4

3 回答 3

14

我们创建了有关如何将 Jade 与 Yeoman 集成的指南：使用 Yeoman 和 Jade

于 2013-01-09T20:30:43.187 回答
3

确保添加

  grunt.loadNpmTasks('grunt-jade');

在你的 gruntfile 之上，否则 yeoman 不知道如何处理“jade”任务

于 2013-01-10T08:58:32.640 回答
1

在https://gist.github.com/passy/5229305上有一个很好的指南来一起使用 Yeoman 1.0 和 Jade

于 2013-07-04T14:32:46.083 回答