उदाहरण के लिए, आप बैकबोन या जो कुछ भी पर एक परियोजना का निर्माण कर रहे हैं और आपको एक निश्चित क्रम में स्क्रिप्ट लोड करने की आवश्यकता है, जैसे underscore.js
पहले लोड करने की आवश्यकता है backbone.js
।
मैं इसे स्क्रिप्ट्स को कैसे प्राप्त कर सकता हूं ताकि वे क्रम में हों?
// JS concat, strip debugging and minify
gulp.task('scripts', function() {
gulp.src(['./source/js/*.js', './source/js/**/*.js'])
.pipe(concat('script.js'))
.pipe(stripDebug())
.pipe(uglify())
.pipe(gulp.dest('./build/js/'));
});
मेरे पास लिपियों का सही क्रम है source/index.html
, लेकिन चूंकि फाइलें वर्णानुक्रम से व्यवस्थित की जाती हैं, इसलिए underscore.js
बाद में गपशप हो जाएगी backbone.js
, और मेरे लिए लिपियों का क्रम source/index.html
मायने नहीं रखता है, यह निर्देशिका में फाइलों को देखता है।
तो क्या किसी को इस पर एक विचार है?
बेस्ट विचार मेरे पास है के साथ विक्रेता स्क्रिप्ट नाम बदलने के लिए है 1
, 2
, 3
उन्हें उचित क्रम देने के लिए है, लेकिन मुझे यकीन है कि अगर मैं इस तरह नहीं कर रहा हूँ।
जैसा कि मैंने और अधिक जान लिया मैंने पाया कि ब्राउजराइज़ एक महान समाधान है, यह पहली बार में दर्द हो सकता है लेकिन यह बहुत अच्छा है।
require
सामने के छोर पर क्योंकि अगर आपने अपने सर्वर साइड पर npm का उपयोग किया है तो आप देखते हैं कि आपको मॉड्यूल की आवश्यकता कैसे हो सकती है, लेकिन ब्राउजर आपको क्लाइंट साइड कोड पर ऐसा करने की अनुमति देता है, शुरू करने के लिए ध्यान में रखते हुए इसे थोड़ा सा छेड़छाड़ की आवश्यकता होती है, लेकिन यह मुख्य रूप से package.json के अंदर है और यदि आप gulp.js या grunt.js के साथ उपयोग करना चाहते हैं। यदि आप gulp / ग्रन्ट ब्राउज़राइज़ पैकेज स्थापित करते हैं, तो आप gulp/grunt browserify
अपनी स्क्रिप्ट को एक मुख्य स्क्रिप्ट में चला सकते हैं और चालू कर सकते हैं , यह एक मामूली सीखने की अवस्था है, लेकिन इसके लायक IMO है।
browserify
के लिए Angular
मॉड्यूल, जहां सरल संयोजन काम करता है और क्रम आवश्यक नहीं है :)