2016-01-02 2 views
9

मैं Angular 2 quick start ट्यूटोरियल का अनुसरण कर रहा हूं। बाद मेरी फ़ोल्डर संरचना है -पिछले टाइपस्क्रिप्ट (.ts) फ़ाइलों से संकलित जेएस फ़ाइलों को कैसे हटाएं?

├── gulpfile.js 
├── index.html 
├── js 
| ├── app.component.js 
| └── boot.js 
├── source 
| ├── app.component.ts 
| └── boot.ts 
├── node_modules 
    ├── module 1 
    └── module 2 

मेरे टाइपप्रति फ़ाइलों source/ निर्देशिका में हैं। मैं इसे js/ निर्देशिका में संकलित कर रहा हूं। मैं गल्प-टाइपस्क्रिप्ट का उपयोग कर रहा हूं।

समस्या है जब मैं, उदाहरण के लिए, फ़ाइल boot.tsbootstrap.ts के नाम बदलें और फिर संकलन, इसी bootstrap.js फ़ाइल बनाई गई है लेकिन पुराने boot.js फ़ाइल अभी भी js/निर्देशिका में बनी हुई है।

अब फ़ोल्डर संरचना लग रहा है

following- तरह
├── gulpfile.js 
├── index.html 
├── js 
| ├── app.component.js 
| └── bootstrap.js 
| └── boot.js 
├── source 
| ├── app.component.ts 
| └── bootstrap.ts 
├── node_modules 
    ├── module 1 
    └── module 2 

मैं घूंट कार्य के माध्यम से autonomically इस boot.js हटाना चाहते हैं। इसे कैसे प्राप्त करें?

+0

https://github.com/gulpjs/gulp/blob/master/docs/recipes/delete-files-folder.md – DCoder

+1

वर्तमान उत्तर संकलन से पहले 'js/'निर्देशिका को हटा दें। यह ठीक है लेकिन '-w (घड़ी) 'विकल्प का उपयोग करते हुए क्या होगा? फिर पहले गंतव्य फ़ोल्डर को हटाने का कोई मौका नहीं है। मुझे 'tsc-watch' मिला जो प्रत्येक सफल संकलन के बाद एक स्क्रिप्ट को कॉल करने की अनुमति देता है। लेकिन 'js/'में फ़ाइलों को हटाने के लिए इसे छोटी स्क्रिप्ट कुंग-फू की आवश्यकता है। क्या किसी को पता है यह कैसे किया जाता है? – barney765

उत्तर

5

गल्प डेल इंस्टॉल करें।

$ npm install --save-dev gulp del 

कार्य बनाएं।

var gulp = require('gulp'); 
var del = require('del'); 

gulp.task('clean:output', function() { 
    return del([ 
    'js/' 
    ]); 
}); 

gulp.task('default', ['clean:output']); 

आप घूंट डेल here बारे में अधिक जानकारी पा सकते हैं।

4

मैं यहां शीर्षक देख रहा था, और मिश्रण में गल्प जोड़ना एक समाधान नहीं था। तो यहां मैंने इसे हल किया है।

उपसर्ग के साथ rm -rf js &&

"scripts": { 
    ... 
    "build": "rm -rf js/ && tsc", 
    ... 
}, 

आशा किसी को अपने NPM निर्माण स्क्रिप्ट इस उपयोगी मिल जाएगा।

+0

यह समाधान कैसे काम करता है इस पर एक स्पष्टीकरण, वास्तव में आपके उत्तर में जोड़ देगा। एक केक पर टुकड़े की तरह। – Choco

+1

@Choco 'rm' फ़ाइलों को हटाने के लिए यूनिक्स कमांड है 'rm -rf js /' 'js /' में सभी फ़ाइलों और निर्देशिकाओं को दोबारा हटा देता है। 'R &' 'भाग' आरएम 'खत्म होने के बाद निष्पादित करने के लिए एक और कमांड जोड़ता है। –

+2

यदि आप विंडोज़ देव पर्यावरण का उपयोग करने के लिए पर्याप्त भाग्यशाली हैं, तो आप 'आरएम'' का उपयोग भी कर सकते हैं यदि आप देव निर्भरता के रूप में 'नकद-आरएम' जोड़ते हैं। इसी प्रकार, यदि आप देव निर्भरता के रूप में सहेजे गए हैं तो आप 'rimraf' (उपयुक्त रूप से 'rm -rf' के लिए नामित) का उपयोग कर सकते हैं। – samthecodingman

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