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

Question

我是grunt的新手，一直在尝试创建一个开发环境，在该环境中更改Jade文件以激活实时重载。

我已经能够在使用grunt express服务器使用香草HTML文件时打开实时重载。

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

}，

我后来也试着把玉石整理好，然后再做手表功能。

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文件（以及任何其他项目代码）进行更改的指导吗？

Answer 1

听起来你需要一个文件观察程序。我使用WebStorm IDE，它可以配置为使用Jade文件观察程序，该程序可以实时不断地编译为html。只要您的机器上安装了Jade，就可以将观察程序指向Jade命令（windows将类似于C:\Users\~USERNAME\AppData\Roaming\npm\Jade.cmd，Linux/OSX可能是/usr/local/bin/Jade）。

因此，如果你已经让Grunt运行了一个livereload服务器，它会接收你的观察者更新的html文件。如果你不使用带有观察程序的IDE（让grunt的实时重载触发Jade编译），可能有一种方法可以在grunt中完成这一切，但这种方法对我来说很好。