Grunt Browserify/Watchify не обновляется при внесении изменений после запуска скрипта

Question

Я использовал Browserify для перевода файлов React JSX в файлы с поддержкой браузера. Я использовал скрипт наблюдения grunt для отслеживания изменений в файлах JSX, а затем для перестройки основного файла App.js. Однако, это стало медленным и заняло бы 5 секунд даже для небольшого изменения...

Очевидно, Watchify является исправлением для этого, и ниже должна быть конфигурация, чтобы весь пакет не перестраивался для каждого небольшого изменения.

Тем не менее, даже если попытаться использовать сценарий наблюдения (см. Обе задачи), основной файл App.js не обновляется после внесения изменений. Пути к файлам верны, потому что при первом запуске он компилируется правильно, однако, как только вы вносите изменения в любой файл JSX, он не обновляется, если вы не остановите сценарий и не запустите его заново.

ГРУНТ

browserify : {
      dev : {
        src : ["app/src/components/**/*.jsx"],
        dest : "app/src/components/App.js",
        options : {
          transform: [['babelify', {presets: ['react', 'es2015']}]],
          watch : true, // use watchify for incremental builds!
          keepAlive : true, // watchify will exit unless task is kept alive
          browserifyOptions : {
            debug : true // source mapping
          }
        }
      }
    },

    watch: {
      jsx: {
        files: ['app/src/components/**/*.jsx', '!app/src/components/App.js'],
        tasks: ['browserify'],
        options: {
          livereload: true
        }
      },
    }


.....
.....

  grunt.registerTask("dev", ["browserify:dev"]);
  grunt.registerTask("devWatch", ["browserify:dev", "watch"]);