그란트를 통해 require.js 스크립트 태그 바꾸기

Question

나는 환상적인 webapp 생성기를 기반으로하지만 약간의 물건을 다르게 처리하는 yeoman 생성기에서 작업 중입니다. 한 가지 목표는 require.js 파일을 하나의 파일로 가져 오는 것입니다.

require.js에서

<script scr="scripts/main"></script> 

이 거의없는 노력으로 작품입니다 :이

<script data-main="scripts/main" src="bower_components/requirejs/require.js"></script> 

... 나는 이것을 가지고 싶어 ... 대신 이런 의미한다.

require.config({ 
    paths: { 
     // ... 
     requireLib: '../bower_components/requirejs/require' 
    } 
}); 

require(['...', 'requireLib'], function (..., requireLib) { 
    // ... 
}); 

Gruntfile.js 부분에 붙어 있습니다. 스크립트 태그를 수정하는 가장 좋은 방법은 무엇입니까 (예 : src 및 data-main의 새 값으로 data-main의 값을 삭제 했습니까?

Answer 1

혼자서 해결했습니다.

npm install grunt-regex-replace --save-dev 

을 그리고 Gruntfile.js에서이 작업을 수행 : 대한 이동 꿀꿀 - 정규식 - 대체

module.exports = function (grunt) { 
    // ... 
    require('load-grunt-tasks')(grunt); 

    grunt.initConfig({ 
     // ... 
     'regex-replace': { 
      dist: { 
       src: ['<%= yeoman.dist %>/index.html'], 
       actions: [ 
        { 
         name: 'requirejs-onefile', 
         search: '<script data-main=".*" src="bower_components/requirejs/require.js"></script>', 
         replace: function(match){ 
          var regex = /scripts\/.*main/; 
          var result = regex.exec(match); 
          return '<script src="' + result[0] + '.js"></script>'; 
         }, 
         flags: 'g' 
        } 
       ] 
      } 
     } 
    }); 
} 

실행이 ...

grunt regex-replace 

... 그리고 당신이 완료됩니다. 그건 꽤 잘 ...

건배