आप यमन प्रोजेक्ट में ब्राउज़र को कैसे जोड़ते हैं?

Question

मैं अपने यमन प्रोजेक्ट के लिए RequJS के बजाय ब्राउज़र का उपयोग करना चाहता हूं। क्या आप कृपया मुझे बता सकते हैं कि इसे कैसे स्वैप करें ताकि मेरा ऐप/और टेस्ट/मॉड्यूल.एक्सपोर्ट का लाभ उठा सके और आवश्यकता हो()?

Answer 1

यहाँ मैं क्या किया है:

1. npm install grunt-browserify --save-dev
2. npm install coffeeify --save-dev

3. Gruntfile.js में घुरघुराना-browserify कदम जोड़ें:

   browserify: { 
       basic: { 
        src: ['<%= yeoman.app %>/scripts/**/*.js', '<%= yeoman.app %>/scripts/**/*.coffee'], 
        options: { 
         transform: ['coffeeify'] 
        }, 
        dest: '.tmp/scripts/application.js' 
       } 
   } 
   

4. समवर्ती करने के लिए कदम जोड़ें /, जैसे चरणों देखने के लिए:

   concurrent: { 
       server: [ 
        '...', 
        'browserify' 
       ], 
       dist: [ 
        '...', 
        'browserify' 
       ] 
   } 
   
   watch: { 
       coffee: { 
        files: ['<%= yeoman.app %>/scripts/{,*/}*.coffee'], 
        tasks: ['...', 'browserify'] 
       } 
   } 
   

5. संशोधित डिफ़ॉल्ट एप्लिकेशन/index.html टेम्पलेट, इसलिए usemin जोड़ होगा और कम करें, इस से:

   <!-- build:js scripts/main.js --> 
   <script src="bower_components/jquery/jquery.js"></script> 
   <script src="scripts/main.js"></script> 
   <!-- endbuild --> 
   
   <!-- build:js(.tmp) scripts/coffee.js --> 
   <script src="scripts/hello.js"></script> 
   <!-- endbuild --> 
   

इस के लिए

:

<!-- build:js({.tmp,app}) scripts/main.js --> 
    <script src="bower_components/jquery/jquery.js"></script> 
    <script src="scripts/application.js"></script> 
    <!-- endbuild -->