मैं <em>browserify</em> और <em>watchify</em> उपयोग कर रहा हूँ विस्तार

Question

निर्दिष्ट किए बिना jsx फ़ाइलों की आवश्यकता होती है, और करने के लिए require() डिफ़ॉल्ट एक्सटेंशन .js और .json विस्तार निर्दिष्ट किए बिना के अलावा अन्य फ़ाइलें, उदाहरण के लिए करना चाहते हैं:

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

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

मैं --extension=EXTENSION की कोशिश की है browserify दस्तावेज़ में बताए के रूप में:

"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

संपादित (27 अप्रैल, 2015): मैं सिर्फ देखा है कि प्रश्न में, मैं extension के लिये एक अवैध बहस हुई थी, इसलिए जैसे:

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

यह हो (नोटिस देना चाहिए . (डॉट) --extension=.jsx में):

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

मूल उत्तर:

package.json करने के लिए browserify विकल्प में जोड़ा जा रहा है watchify के लिए browserify लेकिन नहीं करने के लिए किया था।

"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 } ] ] 
} 

watch आदेश के लिए extension विकल्प में जोड़े बनाया watchify काम करते हैं।

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

हालांकि, गैर-DRY। मैं अपने आदेशों को जितना संभव हो छोटा रखना चाहता हूं, लेकिन ~ ओह ठीक ~।