Gulp や Grunt の使用を避けたい (他の誰かがそれらにうんざりしていませんか?)
/src
/component
index.jsx
index.jsx
の中へ
/dist
bundle.min.js
ファイルに入力できる1行のコマンドを使用し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
...これは、この GitHub の問題 で説明されているように、何かが静かにうまくいかず、watchify が壊れているのではないかと考えさせられます。