mkdir grunt-say
cd grunt-say
create file package.json, Gruntfile.js, index.html
npm install
grunt
browse http://localhost:9001
index.html file change and save
say live reload ! wow!!
-
-
Save hendriklammers/5455896 to your computer and use it in GitHub Desktop.
Grunt with livereload
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 'use strict'; | |
| var path = require('path'); | |
| var lrSnippet = require('grunt-contrib-livereload/lib/utils').livereloadSnippet; | |
| var folderMount = function folderMount(connect, point) { | |
| return connect.static(path.resolve(point)); | |
| }; | |
| module.exports = function (grunt) { | |
| // Project configuration. | |
| grunt.initConfig({ | |
| connect: { | |
| livereload: { | |
| options: { | |
| port: 9001, | |
| middleware: function(connect, options) { | |
| return [lrSnippet, folderMount(connect, '.')] | |
| } | |
| } | |
| } | |
| }, | |
| // Configuration to be run (and then tested) | |
| regarde: { | |
| fred: { | |
| files: '*.html', | |
| tasks: ['livereload'] | |
| } | |
| } | |
| }); | |
| grunt.loadNpmTasks('grunt-regarde'); | |
| grunt.loadNpmTasks('grunt-contrib-connect'); | |
| grunt.loadNpmTasks('grunt-contrib-livereload'); | |
| grunt.registerTask('server', ['livereload-start', 'connect', 'regarde']); | |
| }; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE HTML> | |
| <html lang="ja_JP"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| </head> | |
| <body> | |
| Live reload now!! | |
| </body> | |
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "name": "grunt-say-hello", | |
| "version": "0.1.0", | |
| "Dependencies": {}, | |
| "devDependencies": { | |
| "grunt": "~0.4.0", | |
| "grunt-contrib-connect": "~0.1.2", | |
| "grunt-contrib-livereload": "~0.1.1", | |
| "grunt-regarde": "~0.1.1", | |
| "grunt-exec": "~0.4.0" | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment