Как Babelify (с React), Browserify, Uglify и Watchify в одной строке

Question

Я хочу избежать использования Gulp или Grunt (кто-нибудь еще устал от них?) И повернуть

/src
    /component
        index.jsx
    index.jsx

в

/dist
    bundle.min.js

используя однострочную команду, которую я могу вставить в package.json файл:

...
"scripts": {
  "build": "..."
...

Я пытался с вариациями babel, babelify, browserify, а также watchify командные строки безрезультатно. Вот пример того, что я пробовал:

watchify src/index.jsx -t [babelify [--presets es2015,react]] -v -o bundle.js

... и есть много других вариантов, которые я пробовал.

Обновление 1:

Я рядом

watchify -v --extension=.jsx -t [ babelify --presets [ es2015 react ] ]\
         -g uglifyify src/index.jsx -o bundle.js

Это работает, но не обнаруживает изменений в src/components/index.jsx,

Обновление 2:

Если я исключаю (большую) библиотеку React из комплекта, то все работает:

watchify -v --extension=.jsx -t [ babelify --presets [ es2015 react ] ]\
         -g uglifyify --no-bundle-external src/index.jsx -o bundle.js

... что заставляет меня задуматься, не происходит ли что-то тихо, и что Watchify ломается, как описано в этом выпуске GitHub.

Answer 1

Изменить порядок параметров опции. Это работало для меня тогда.

watchify src/index.jsx -v -o bundle.js  -t [babelify [--presets es2015,react]]