użyciu grunt-browserify w Gruntfile.js

Question

Mam pewne kłopoty ze znalezieniem wyjaśnienie, jak używać grunt-browserify. Patrząc w ich folderze przykładów, szukam w węźle browserify ramach swojej podstawowej przykład i widzę, co następuje:

module.exports = function (grunt) { 
    grunt.initConfig({ 
    browserify: { 
     vendor: { 
     src: [], 
     dest: 'public/vendor.js', 
     options: { 
      require: ['jquery'], 
      alias: [ 
      './lib/moments.js:momentWrapper', //can alias file names 
      'events:evt' //can alias modules 
      ] 
     } 
     }, 
     client: { 
     src: ['client/**/*.js'], 
     dest: 'public/app.js', 
     options: { 
      external: ['jquery', 'momentWrapper'], 
     } 
     } 
    }, 
    concat: { 
     'public/main.js': ['public/vendor.js', 'public/app.js'] 
    } 
    }); 
    grunt.loadTasks('../../tasks'); 
    grunt.loadNpmTasks('grunt-contrib-concat'); 
    grunt.registerTask('default', ['browserify', 'concat']); 
}; 

Co „sprzedawca” i „klient” i gdzie są one udokumentowane? W pliku README wymieniają "preBundleCB", "dist" i widziałem całkiem sporo innych, a większość ma własne struktury danych. Czy te opcje są wyliczone i wyjaśnione w dowolnym miejscu?

Answer 1

Zgodnie z the convention of Grunt configuration "sprzedawca" i "klient" to targets. Ich nazwy nie są zdefiniowane przez pomrukiwanie lub pomrukiwanie. Możesz utworzyć dowolną liczbę celów i nadać im nazwy, które lubisz. Każdy cel ma files konfiguracji, co jest powszechne w większości zadań, takich jak grunt src i dest i options konfiguracji, która jest specyficzna wtyczki. "dist" to kolejny przykład celów, a "preBundleCB" jest własnością opcji grunt-browserify.

Możesz indywidualnie wywoływać cele za pomocą grunt browserify:vendor i grunt browserify:client. I grunt browserify wywołuje wszystkie cele zadania browserify, które w tym przykładzie są "dostawcą" i "klientem".

Każdy cel grunt-browserify tworzy dołączonego pliku skryptu. W tym przykładzie, „sprzedawca” target tworzy vendor.js zawierający jquery, moment.js nazwie momentWrapper i events nazwie evt. „Klient” target tworzy app.js że zawiera client/**/*.js i ich zależności z wyłączeniem jquery i momentWrapper.