added watch task

iamlux · Jun 19, 2017 · 6580c89 · 6580c89
1 parent 67abdaf
commit 6580c89
Show file tree

Hide file tree

Showing 7 changed files with 76 additions and 56 deletions.
diff --git 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
@@ -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
@@ -5,8 +5,8 @@
     <title>Grunt Config</title>
   </head>
   <body>
-    <h1>Hello World</h1>
-    <script src="//localhost:35729/livereload.js"></script>
+    <h1>Hello Lakshmi</h1>
+	<script src="//localhost:35729/livereload.js"></script>
     <script src="js/all.min.js"></script>
   </body>
 </html>
diff --git 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");
+say("Hello World !");
diff --git a/src/js/all.min.js b/src/js/all.min.js
diff --git 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
@@ -2,4 +2,4 @@ function say(message) {
 	alert(message);
 }
 
-say("Lakshmi Narayanan");
+say("Hello World !");