yeomanプロジェクトにbrowserifyを追加するにはどうすればよいですか？

Question

YeomanプロジェクトにRequireJSの代わりにbrowserifyを使用したいと思います。私のapp/test /をmodule.exportsとrequire（）を利用できるように、これをどうやって交換するか教えてください。ここで

Answer 1

は、私がやったことだ：

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

例えば、同時/時計ステップにステップを追加します。

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

3. はGruntfile.jsで作男-browserifyステップを追加します。

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

4. デフォルトアプリ/ 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 -->