需要jsx文件而不指定扩展名

Question

我使用的浏览器和Watchify，并希望需要（）文件以外的默认扩展名. js和. json没有指定的扩展名，例如：

// Not ideal (tedious)
var Carousel = require('./components/Carousel/Carousel.jsx')

// Ideal
var Carousel = require('./components/Carousel/Carousel')

我已经尝试了--扩展=EXTENSION，如浏览器留档中指定的：

"scripts": {
  "build": "browserify ./src/App.js --transform [ reactify --es6 ] > dist/script.js -v -d --extension=jsx",
  "watch": "watchify ./src/App.js --transform [ reactify --es6 ] -o dist/script.js -v -d --extension=jsx"
},

然而，我没有看到任何变化。这有可能吗？做这件事的正确方法是什么？

Answer 1

编辑（2015年4月27日）：我刚刚注意到，在问题中，我有一个无效的扩展参数，如下所示：

"watch": "watchify ./src/App.js --extension=jsx -o dist/script.js -v -d"

它应该是（请注意中的.（点）--扩展=. jsx）：

"watch": "watchify ./src/App.js --extension=.jsx -o dist/script.js -v -d"

原始答复：

将browserify选项添加到package.json中可用于browserify，但不用于watchify。

"scripts": {
  "build": "browserify ./src/App.js > dist/script.js -v -d",
  "watch": "watchify ./src/App.js -o dist/script.js -v -d"
},
"browserify": {
  "extension": [ "jsx" ],
  "transform": [ [ "reactify", { "es6": true } ] ]
}

为使watchify工作的watch命令添加扩展选项。

"watch": "watchify ./src/App.js --extension=.jsx -o dist/script.js -v -d"

然而，非DRY。我希望我的命令尽可能简短，但是~哦，好吧~。