User Tools

Site Tools


njsetn:bundling_client_scripts_with_browserify

→ 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

npm install grunt-browserify --save-dev
// printTerms.js
var $ = require("jquery");
var printTerms = require("./lib/printTerms");
npm install jquery

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

// 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"]);

seul fichier js

npm install grunt-browserify --save-dev
// printTerms.js
var $ = require("jquery");
var printTerms = require("./lib/printTerms");
npm install jquery

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

// 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"]);
njsetn/bundling_client_scripts_with_browserify.txt · Last modified: 2016/03/28 23:19 by leo