node.js - 在 Yeoman 的 server/watch/reload 任务中集成 Jade

标签 node.js build-automation pug gruntjs yeoman

我一直在玩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/

相关文章:

javascript - express.js "next()"参数的确切性质

c++ - 您如何在团队环境中管理大型 C++ 依赖项?

ios - 如何从命令行从 iOS 8 模拟器中删除应用程序?

javascript - 发送 axios 响应到渲染页面

javascript - 我如何强制客户端刷新在 Node.js 中使用 Jade 呈现的 JavaScript/CSS 文件?

node.js - 我们如何使用 NPM 将 Lesscss 升级到 Windows 中的最新版本?

node.js - mongodb, `cursor.exec`是什么意思?

javascript - Sequelize 远程数据库访问

.net - TFS 2010 自定义构建事件 TF215097 错误

node.js - 这个 ejs 在 jade 中会是什么样子?