如何在使用玉时重新加载Grunt文件?

时间:2015-04-05 19:02:58

标签: node.js gruntjs pug grunt-contrib-watch grunt-contrib-jade

我是grunt的新手并且一直在努力创建一个开发环境,在这里可以更改为Jade文件以激活实时重新加载。

使用grunt express服务器使用vanilla HTML文件时,我可以打开实时重新加载。

express: {
all: {
    options: {
        bases: ['C:\\location\\projectfolder'],
        port: 8080,
        hostname: "0.0.0.0",
        livereload: true
    }
}

},

我之后也尝试过编译玉器然后再使用watch功能。

jade: {
 html: {
files: {
  'C:\\Users\\pavni_000\\Documents\\Business\\learning\\jade\\projectfolder': ['C:\\Users\\pavni_000\\Documents\\Business\\learning\\jade\\projectfolder\\text.jade']
},
options: {
  client: false
}
}
}

有人可以给我一些关于如何使用grunt或任何其他工具对jade文件(以及任何其他项目代码)进行更改的指导吗?

1 个答案:

答案 0 :(得分:0)

听起来你需要一个文件观察者。我使用WebStorm IDE,它可以配置为使用Jade文件观察器,可以实时连续编译为html。只要你的机器上安装了Jade,就把观察者指向Jade命令(windows会像C:\ Users \ ~USERNAME \ AppData \ Roaming \ npm \ jade.cmd,Linux / OSX可能是/ usr / local / bin中/玉)。

那么如果你已经让Grunt运行了一个livereload服务器,它将拾取你的观察者更新的html文件。如果你没有使用带有观察者的IDE(有Grunt的实时重载触发器进行Jade编译),可能有一种方法可以在grunt中完成所有操作,但这种方法对我来说很好。