Изменение в LESS должно вызвать полную перезагрузку страницы.

У меня есть задача grunt-watch, которая запускает перезагрузку, когда обнаруживает изменения в файлах. Однако это не вызывает перезагрузку страницы, когда я изменяю файлы .less. В этом случае это только заставляет страницу перезагружать app.less, который обновляет стиль. Это, кажется, предназначено, но для моего проекта было бы более практично также иметь полную перезагрузку страницы в этом случае. Могу ли я заставить grunt-watch всегда выполнять полную перезагрузку страницы? БР, Даниэль


less gruntjs livereload
person Daniel    schedule 10.11.2014    source источник
comment
используйте 1_   -  person Bass Jobsen    schedule 11.11.2014
comment
Это то, что я делаю, и задача просмотра запускается нормально, но вместо полной перезагрузки страницы она вызывает только меньшее количество внедрений на веб-сайт для перекомпиляции. Это не то, чего я хочу.   -  person Daniel    schedule 11.11.2014

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете использовать grunt-touch, чтобы инициировать изменение вашего html-файла:

module.exports = function(grunt) {
grunt.initConfig({
   less: {
                 development: {
                     files: {"index.css": "test.less"}
                 }
  },
  touch: {
    options: {
      force: true,
      mtime: true
    },
    src: ['index.html'],
  },
  watch: {
    less: {
      files: ['*.less'],
      tasks: ["less","touch"],
    },
    livereload: {
      options: { livereload: true },
      files: ['index.html'],
    },
  },
}
);
grunt.loadNpmTasks('grunt-contrib-less');
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-touch');
grunt.registerTask( 'default', ["less","watch"] );
};
person Bass Jobsen    schedule 11.11.2014
comment
Это выглядит многообещающе. Я попробую. Хотя это немного похоже на взлом. :-) - person Daniel; 11.11.2014