将Jade集成到Yeoman的服务器/监视/重新加载任务中

asg*_*oth 15 build-automation node.js gruntjs yeoman pug

我一直在玩Yeoman&Jade.我已经创建了一个小型测试应用程序yeoman init angular(这是一个有角度的应用程序,但这不是重点)...

当我进入yeoman server命令行时,它将:

  • 编译coffeescript指南针文件
  • 启动服务器
  • 启动浏览器
  • 在浏览器中观看并重新加载coffeescript和指南针更改

这是Yeoman的一大特色!

现在我想要与Jade相同的功能.所以我安装了grunt-jade via npm install grunt-jade并在GruntFile.js中添加了以下配置来编译jade模板:

   jade: {
      html: {
        src: ['app/views/*.jade'],
        dest: 'app/views',
        options: {
          client: false
        }
      }
    },
Run Code Online (Sandbox Code Playgroud)

通过在jade任务中添加以下配置,我能够将任务集成到Yeoman的监视和重新加载任务watch:

  watch: {
     ...
     jade: {
       files: 'app/views/*.jade',
       tasks: 'jade reload'
     },
     ...
  }
Run Code Online (Sandbox Code Playgroud)

并且所有工作都非常好......除非我将jade命令添加到命令中,否则不会发生初始编译:

yeoman jade server
Run Code Online (Sandbox Code Playgroud)

我们的管家不喜欢这个好女孩,因为他不会让她整合他的server任务:)这很烦人,因为yeoman server只会编译coffeescript和指南针文件.

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

Sin*_*hus 14

我们创建了一个关于如何将Jade与Yeoman整合的指南:使用Yeoman和Jade