जेएस फाइलों में स्थित प्रसंस्करण पथों का उपयोग करें?

Question

वर्तमान में मैं कुछ html फ़ाइलें कि इस तरह दिखना है:

<!-- build:js({.tmp,app}) scripts/moduleX-scripts.js --> 
    <script src="scripts/moduleX/moduleXConfig.js"></script> 
    <script src="scripts/moduleX/featureX/controller.js"></script> 
    <script src="scripts/moduleX/featureX/service.js"></script> 
    <script src="scripts/moduleX/featureY/controller.js"></script> 
    <script src="scripts/moduleX/featureY/service.js"></script> 
    <!-- endbuild --> 

<!-- build:js({.tmp,app}) scripts/moduleY-scripts.js --> 
    <script src="scripts/moduleY/moduleYConfig.js"></script> 
    <script src="scripts/moduleY/featureW/controller.js"></script> 
    <script src="scripts/moduleY/featureW/service.js"></script> 
    <script src="scripts/moduleY/featureZ/controller.js"></script> 
    <script src="scripts/moduleY/featureZ/service.js"></script> 
    <!-- endbuild --> 

चूंकि यह एक कोणीय अनुप्रयोग है, मैं अपने मॉड्यूल के प्रबंधन के लिए ocLazyLoad उपयोग करना चाहते हैं, तो मेरे विन्यास कुछ इस तरह दिखेगा:

angular.module('MyMainModule', [ 
    { 
    name: 'moduleX', 
    files: [ 
     'scripts/moduleX/moduleXConfig.js', 
     'scripts/moduleX/featureX/controller.js', 
     'scripts/moduleX/featureX/service.js', 
     'scripts/moduleX/featureY/controller.js', 
     'scripts/moduleX/featureY/service.js', 
    ] 
    }, 
    { 
    name: 'moduleY', 
    files: [ 
     'scripts/moduleY/moduleYConfig.js', 
     'scripts/moduleY/featureW/controller.js', 
     'scripts/moduleY/featureW/service.js', 
     'scripts/moduleY/featureZ/controller.js', 
     'scripts/moduleY/featureZ/service.js', 
    ] 
    } 
    ]) 

क्या कोई गड़बड़ प्लगइन है जो इस .js फ़ाइल को संसाधित करेगा और files सरणी को छोटा और संशोधित संस्करण के साथ प्रतिस्थापित करेगा?

Answer 1

आप अपनी फ़ाइलों को कम करने के लिए grunt-contrib-uglifyjs का उपयोग कर सकते हैं।

grunt.initConfig({ 
    uglify: { 
    moduleX: { 
     files: { 
     'scripts/moduleX.min.js': ['scripts/moduleX/*.js'] 
     } 
    }, 
    moduleY: { 
     files: { 
     'scripts/moduleY.min.js': ['scripts/moduleY/*.js'] 
     } 
    } 
    } 
}); 

एकमात्र परिवर्तन जो आपको करना होगा, उसमें एक फ़ाइल शामिल करना होगा जो आपके मॉड्यूल निर्देशिका में आपके मॉड्यूल को घोषित करता है।

// scripts/modeulX.js 
angular.module('moduleX', []);