0

我想避免使用 Gulp 或 Grunt(还有其他人厌倦了这些吗?)然后转身

/src
    /component
        index.jsx
    index.jsx

进入

/dist
    bundle.min.js

package.json使用可以放入文件的单行命令:

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

我一直在尝试使用 、 、 和 命令行 的变体babelbabelifybrowserify无济于事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 问题中所述

4

1 回答 1

0

更改选项参数的顺序。那时它对我有用。

watchify src/index.jsx -v -o bundle.js  -t [babelify [--presets es2015,react]]
于 2015-11-22T22:39:17.373 回答