使用jade时如何使Grunt文件实时重新加载？

Question

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

当使用 grunt express 服务器使用 vanilla 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 或任何其他工具对玉文件（以及任何其他项目代码）进行任何更改吗？

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 服务器，它会拾取您的 watcher 更新的 html 文件。如果您不使用带有观察程序的 IDE（让 Grunt 的实时重载触发 Jade 编译），则可能有一种方法可以在 grunt 中完成所有这些操作，但这种方法对我来说很好。