我想避免使用 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 问题中所述。