From 6580c8944fbd6e5db40b68dc3cae184ef827ceb4 Mon Sep 17 00:00:00 2001 From: Lakshmi Narayanan Date: Mon, 19 Jun 2017 11:23:29 +0530 Subject: [PATCH] added watch task --- Gruntfile.js | 116 ++++++++++++++++++++++++++-------------------- package.json | 2 + src/index.html | 4 +- src/js/all.js | 4 +- src/js/all.min.js | 2 +- src/js/app.js | 2 +- src/js/main.js | 2 +- 7 files changed, 76 insertions(+), 56 deletions(-) diff --git a/Gruntfile.js b/Gruntfile.js index bbf3832..d8329af 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -1,64 +1,82 @@ module.exports = function(grunt) { - // Load grunt tasks automatically - require('load-grunt-tasks')(grunt); - require('time-grunt')(grunt); + // Load grunt tasks automatically + require('load-grunt-tasks')(grunt); + require('time-grunt')(grunt); + var port = 9000 + ((Math.random() * 10) | 0); + console.log(port); - grunt.initConfig({ + grunt.initConfig({ - watch: { - scripts: { - files: ['src/**/*.js'], - tasks: ['default'], - options: { - spawn: false, - livereload: { - host: 'localhost', - port: 35729, - files: ['src/**/*.js'] + portSetting: { + port: port + }, + + connect: { + server: { + options: { + livereload: true, + base: 'src/', + port: '<%= portSetting.port %>' + } } - }, }, - }, - clean: { - js: ['src/js/all.min.js', 'src/js/all.js'] - }, + open: { + server: { + path: 'http://localhost:<%= portSetting.port %>', + app: 'firefox' + } + }, - concat: { - options: { - separator: ';' + watch: { + scripts: { + files: ['src/js/*.js', '!src/js/all.min.js', '!src/js/all.js'], + tasks: ['clean', 'jshint', 'concat', 'uglify'], + options: { + livereload: true + }, + }, }, - dist: { - src: ['src/**/*.js'], - dest: 'src/js/all.js' - } - }, - uglify: { - dist: { - files: { - 'src/js/all.min.js' : ['src/js/all.js'] - } - } - }, + clean: { + js: ['src/js/all.min.js', 'src/js/all.js'] + }, - jshint: { - files: ['Gruntfile.js', 'src/**/*.js'], - options: { - globals: { - console: true, - module: true - } + concat: { + options: { + separator: ';' + }, + dist: { + src: ['src/**/*.js'], + dest: 'src/js/all.js' + } + }, + + uglify: { + dist: { + files: { + 'src/js/all.min.js': ['src/js/all.js'] + } + } + }, + + jshint: { + files: ['Gruntfile.js', 'src/**/*.js'], + options: { + globals: { + console: true, + module: true + } + } } - } - }); + }); - grunt.registerTask('default', ['clean', 'jshint', 'concat', 'uglify', 'watch']); - grunt.registerTask('testjs', ['jshint']); - grunt.registerTask('concatjs', ['concat']); - grunt.registerTask('uglifyjs', ['uglify']); - grunt.registerTask('watchjs', ['watch']); - grunt.registerTask('cleanjs', ['clean']); + grunt.registerTask('default', ['clean', 'jshint', 'concat', 'uglify', 'connect', 'open', 'watch']); + grunt.registerTask('testjs', ['jshint']); + grunt.registerTask('concatjs', ['concat']); + grunt.registerTask('uglifyjs', ['uglify']); + grunt.registerTask('watchjs', ['watch']); + grunt.registerTask('cleanjs', ['clean']); }; diff --git a/package.json b/package.json index ead7708..2e9a35f 100644 --- a/package.json +++ b/package.json @@ -7,9 +7,11 @@ "grunt": "~0.4.1", "grunt-contrib-clean": "^1.1.0", "grunt-contrib-concat": "~0.3.0", + "grunt-contrib-connect": "^1.0.2", "grunt-contrib-jshint": "~0.6.0", "grunt-contrib-uglify": "0.2.2", "grunt-contrib-watch": "~0.4.4", + "grunt-open": "^0.2.3", "load-grunt-tasks": "^3.5.2", "time-grunt": "^1.4.0" }, diff --git a/src/index.html b/src/index.html index 457f1cd..fcfaaf2 100644 --- a/src/index.html +++ b/src/index.html @@ -5,8 +5,8 @@ Grunt Config -

Hello World

- +

Hello Lakshmi

+ diff --git a/src/js/all.js b/src/js/all.js index d687798..53e4e69 100644 --- a/src/js/all.js +++ b/src/js/all.js @@ -1,5 +1,5 @@ function sum() { - return 'Hello World'; + return 'Hello Lakshmi'; } var sumed = sum(); @@ -8,4 +8,4 @@ document.body.innerHTML = sumed; alert(message); } -say("Lakshmi Narayanan"); \ No newline at end of file +say("Hello World !"); \ No newline at end of file diff --git a/src/js/all.min.js b/src/js/all.min.js index 46c46a8..5fd7ad0 100644 --- a/src/js/all.min.js +++ b/src/js/all.min.js @@ -1 +1 @@ -function sum(){return"Hello World"}function say(a){alert(a)}var sumed=sum();document.body.innerHTML=sumed,say("Lakshmi Narayanan"); \ No newline at end of file +function sum(){return"Hello Lakshmi"}function say(a){alert(a)}var sumed=sum();document.body.innerHTML=sumed,say("Hello World !"); \ No newline at end of file diff --git a/src/js/app.js b/src/js/app.js index 2261821..8f077f4 100644 --- a/src/js/app.js +++ b/src/js/app.js @@ -1,5 +1,5 @@ function sum() { - return 'Hello World'; + return 'Hello Lakshmi'; } var sumed = sum(); diff --git a/src/js/main.js b/src/js/main.js index ded1cf0..c101083 100644 --- a/src/js/main.js +++ b/src/js/main.js @@ -2,4 +2,4 @@ function say(message) { alert(message); } -say("Lakshmi Narayanan"); \ No newline at end of file +say("Hello World !"); \ No newline at end of file