Как сделать так, чтобы файл Grunt перезагружался при использовании jade?

Question

Я новичок, чтобы ворчать и пытался создать среду разработки, где при переходе к файлу Jade активировать живую перезагрузку.

Я смог включить живую перезагрузку при использовании ванильного HTML-файла с использованием grunt express server.

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
}
}
}

Может ли кто-нибудь дать мне несколько советов о том, как сделать так, чтобы любые изменения в jade-файле (и любом другом коде проекта в целом) с использованием grunt или любого другого инструмента?

Answer 1

Похоже, вам нужен наблюдатель файла. Я использую WebStorm IDE, и его можно настроить на использование средства просмотра файлов Jade, которое постоянно компилируется в html в режиме реального времени. Если на вашем компьютере установлена ​​Jade, укажите наблюдателю на команду Jade (окна будут выглядеть примерно так: C:\Users\~USERNAME\AppData\Roaming\npm\jade.cmd, Linux/OSX, вероятно, будет /usr/ местные / бен / нефрит).

Итак, если у вас уже есть Grunt, работающий с сервером livereload, он подберет html-файлы, которые обновляет ваш наблюдатель. МОЖЕТ быть способ сделать все это в grunt, если вы не используете IDE с наблюдателем (у Grunt есть функция live-reload, запускающая компиляцию Jade), но этот метод отлично работает для меня.