ग्रंट बेबेल कई फाइलें और स्रोत मैपिंग को संरक्षित करें

Question

मैं एक फ़ोल्डर में सभी जेएस 6 फाइलों को पार करने के लिए, और मूल एएस 6 फाइलों के लिए एक वर्किंग सोर्समैप के साथ एक समेकित एकल फ़ाइल (जेएस 5) के साथ समाप्त करने के लिए, गंट और बेबेल का उपयोग करके कोशिश कर रहा हूं। हालांकि स्रोतमैपिंग काम नहीं करता है। मेरे कोलाहल, नीचे concat सेटिंग्स:

"babel": { 
     options: { 
      sourceMap : true 
     }, 
     dist: { 
      files:[ 
       { 
        expand: true, 
        cwd: 'wwwroot/js/src', 
        src: ['*.js'], 
        dest: 'tmp/js' 
       }] 
     } 
    }, 

    concat: { 
     options: { 
      sourceMap: true 
     }, 
     js: { 
      src: [ 
       'tmp/js/*.js', 
      ], 
      dest: 'wwwroot/js/app.js' 
     } 
    } 

Versions: 
"grunt": "0.4.5", 
"grunt-bower-task": "0.4.0", 
"grunt-babel": "5.0.1", 
"grunt-contrib-concat" : "0.5.1" 

मैं js फ़ाइलें और src नक्शे (tmp निर्देशिका) का एक बहुत साथ सबसे पहले किसी फ़ोल्डर के साथ समाप्त कर रहा हूँ। लेकिन उन्हें एक फ़ाइल में संयोजित करना पूरी तरह से स्रोत मैपिंग के साथ गड़बड़ कर देता है।

विचार? साथ ही, क्या मैं किसी भी तरह अस्थायी फ़ाइलों को बनाने और परिणाम को केवल पाइप को संगत में छोड़ सकता हूं?

Answer 1

कार्य के क्रम को उलट करने से यह बहुत आसान हो जाएगा। सबसे पहले जेएस फाइलों पर concat कार्य चलाएं। एकल फाइल पर कि रन babel कार्य निम्नलिखित विकल्पों के

options: { 
       sourceMap: true, 
       inputSourceMap: grunt.file.readJSON('script.js.map') 
      }, 

साथ concat कार्य पहले से द्वारा बनाई गई करने के बाद यहाँ script.js.map फ़ाइल स्रोत नक्शा concat कार्य द्वारा उत्पन्न फ़ाइल का नाम है। inputSourceMap विकल्प के लिए एक स्रोत नक्शा वस्तु excepts रूप में, हम यह grunt.file एपीआई readJSON विधि का उपयोग कर में पारित

पूर्ण ग्रंट फ़ाइल विन्यास होगा:

concat: { 
     options: { 
      sourceMap: true 
     }, 
     js: { 
      src: ['Modules/**/js/*.js'], 
      dest: 'script.js' 
     } 
    }, 
    babel: { 
     dist: { 
      options: { 
       sourceMap: true, 
       inputSourceMap: grunt.file.readJSON('script.js.map') 
      }, 
      src: [ 
       'script.js', 
      ], 
      dest: 'app.js' 
     } 
    } 

उदाहरण परियोजना: https://github.com/pra85/Grunt-Concat-Babel-Example