2015-09-17 9 views
8

मैं अपनी नई परियोजना में सेमेन्टिक यूआई के साथ लैरवेल के इलीक्सिर का उपयोग करना चाहता हूं।लैरवेल के गुलप/एलिक्सीर 'घड़ी' कार्य को बदलना

अर्थात् यूआई दस्तावेज़ों में, वे सुझाव देते हैं कि उनके वर्तमान कार्य के gulpfile में उनके गल्प कार्य को कैसे शामिल किया जाए। लार्वेल में, वे सुझाव देते हैं (संक्षेप में) एलिक्सीर का विस्तार कैसे करें। लेकिन मैं watch कमांड में एक और गल्प कार्य कैसे शामिल कर सकता हूं?

वर्तमान में मैं gulp watch watch-ui चला रहा हूं, लेकिन मैं कार्य watch के अंदर कार्य शामिल करना चाहता था। क्या यह संभव है? अगर मैं आपके सवाल का सही ढंग से समझ, आप सिमेंटिक यूआई कार्य के लिए कुछ जोड़ना चाहते हैं

var gulp  = require('gulp'); 
var elixir = require('laravel-elixir'); 
var semantic = { 
    watch: require('./resources/assets/semantic/tasks/watch'), 
    build: require('./resources/assets/semantic/tasks/build') 
}; 

gulp.task('watch-ui', semantic.watch); 
gulp.task('build-ui', semantic.build); 

elixir(function(mix) { 
    mix.task('build-ui'); 
}); 

उत्तर

3

:

यह मेरे वर्तमान gulpfile.js है। हालांकि वे वास्तव में किसी कार्य को परिभाषित नहीं करते हैं, लेकिन केवल एक कार्य जिसे आप किसी कार्य को असाइन कर सकते हैं।

आप semantic watch कार्य में वास्तव में कुछ भी शामिल नहीं कर सकते हैं, जब तक कि आप फ़ाइलों को पैच नहीं करना चाहते हैं, लेकिन आप दो घड़ी कार्यों को जोड़ सकते हैं और सुनिश्चित कर सकते हैं कि वे दोनों चलें।

var gulp  = require('gulp'); 
var elixir = require('laravel-elixir'); 
var semantic = { 
    watch: require('./resources/assets/semantic/tasks/watch'), 
    build: require('./resources/assets/semantic/tasks/build') 
}; 

// Define a task for the semantic watch function. 
gulp.task('semantic-watch', semantic.watch); 

// Define the main watch task, that is depended on the semantic-watch, this will run both watch tasks when you run this one. 
gulp.task('watch', ['semantic-watch'], function() { 
    // Do your own custom watch logic in here. 
}); 

gulp.task('build-ui', semantic.build); 

elixir(function(mix) { 
    mix.task('build-ui'); 
}); 

आप देख सकते हैं कि सिमेंटिक यूआई वास्तव में परिभाषित करता है कि उनके watch कार्यों यहां घड़ी समारोह का उपयोग करना चाहिए: https://github.com/Semantic-Org/Semantic-UI/blob/master/gulpfile.js#L46

3

तो तुम्हारा मतलब

निम्नलिखित कोड है कि तुम क्या जरूरत है क्या करने के लिए सक्षम होना चाहिए Elixir API के माध्यम से कस्टम वॉचर लॉजिक जोड़ना संभव है तो संक्षिप्त उत्तर नहीं ...

... लेकिन, के बाद से अमृत Gulp के शीर्ष पर एक आवरण है, तो आप gulp.tasks सीधे एक ही परिणाम प्राप्त करने के लिए संशोधित कर सकते हैं: बस watch कार्य का नाम बदलने कि अमृत कुछ और करने के लिए परिभाषित करता है, तो अपने स्वयं के watch कार्य बना है कि दोनों चलाता है अमृत ​​की घड़ी और सिमेंटिक यूआई घड़ी:

gulp.tasks['watch-elixir'] = gulp.tasks.watch; 

gulp.task('watch', ['watch-elixir', 'watch-ui']); 


अमृत ही में, निकटतम आप कस्टम पर नजर रखने वालों के लिए मिलता है mix.task() करने के लिए एक दूसरा तर्क है कि फ़ाइल पथ को देखने के लिए का एक सेट ले जाता है और काम retriggers है परिवर्तन पर। इसलिए, भले ही आप कुछ की तरह कर सकता है ...

mix.task('build-ui', './resources/assets/semantic/src/**/*') 

... कि हर बदलाव, जो और अधिक बारीक watch अर्थ द्वारा प्रदान की कार्य के समान नहीं है पर एक पूर्ण पुनर्निर्माण ट्रिगर करेगा।

संबंधित मुद्दे