AngularJS Essentials

Chapter 8
3. Concatenating step: The concatenation step, done by the grunt-contribconcat
plugin, concatenates the configured source files inside a single
destination file. This plugin can be installed with the following command:
npm install grunt-contrib-concat --save-dev
In order to configure it, we need to inform the source files and the destination
file through the src and dest properties of the concat object, as follows:
Gruntfile.js
module.exports = function (grunt) {
grunt.initConfig({
clean: {
dist: ["dist/"]
},
jshint: {
dist: ['Gruntfile.js', 'js/**/*.js', 'test/**/*.js']
},
concat: {
dist: {
src: ["src/**/*.js"],
dest: "dist/js/scripts.js"
}
}
});
grunt.loadNpmTasks("grunt-contrib-clean");
grunt.loadNpmTasks("grunt-contrib-jshint");
grunt.loadNpmTasks("grunt-contrib-concat");
}
grunt.registerTask("dist", ["clean", "jshint", "concat"]);
4. Minifying step: Now, let's talk about the minifying step. As we mentioned
before, it removes the white spaces, line breaks, comments, and replaces the
names of the variables and functions. This can be done using the gruntcontrib-uglify
plugin, which is installed using the following command:
npm install grunt-contrib-uglify --save-dev
The configuration is very similar to the grunt-contrib-concat plugin and
involves the definition of the src and dest properties of the uglify object,
as follows:
Gruntfile.js
module.exports = function (grunt) {
[ 149 ]
www.it-ebooks.info