|<- [[Converting LESS to CSS with Grunt]]|[[Rapid development with Grunt Watches]] ->|

-> bundle toutes les libs js utilisées en unbundling client script with browserify

-> bundle toutes les libs js utilisées en un seul fichier js

<code>npm install grunt-browserify --save-dev</code>

<code>
// printTerms.js
var $ = require("jquery");
var printTerms = require("./lib/printTerms");
</code>

<code>npm install jquery</code>

On modifie le html pour loader le bundle plutôt que les libs séparées.

<code>
// GruntFile.js
(...)
browserify: {
  client: {
    src: ["app-client.js"],
    dest: "public/js/bundle.js"
  }
}

(...)

grunt loadNpmTasks("grunt-browserify");
(...)
grunt.registerTask("js", ["browserify"]);
(...)
grunt.registerTask("default", ["jshint", "css", "js"]);
</code> seul fichier js

<code>npm install grunt-browserify --save-dev</code>

<code>
// printTerms.js
var $ = require("jquery");
var printTerms = require("./lib/printTerms");
</code>

<code>npm install jquery</code>

On modifie le html pour loader le bundle plutôt que les libs séparées.

<code>
// GruntFile.js
(...)
browserify: {
  client: {
    src: ["app-client.js"],
    dest: "public/js/bundle.js"
  }
}

(...)

grunt loadNpmTasks("grunt-browserify");
(...)
grunt.registerTask("js", ["browserify"]);
(...)
grunt.registerTask("default", ["jshint", "css", "js"]);
</code>