#COOKIES GRUNT LIVERELOAD INSTALL#

The goal of this watch task is as files are changed, run tasks as if they were triggered by the user himself or herself. Each time a user runs grunt a process is spawned and tasks are ran in succession. In an effort to keep the experience consistent and continually produce expected results, this watch task spawns tasks as child processes by default. Sandboxing task runs also allows this watch task to run more stable over long periods of time. A Grunt project consists of two files: package.json & Gruntfile.js.

#COOKIES GRUNT LIVERELOAD INSTALL#

package.json is used by npm to install the Grunt plugins.Īs well as more efficiently with more complex tasks and file structures. The Gruntfile.js (or ffee if you prefer) is the config file where we setup our tasks. Spawning does cause a performance hit (usually 500ms for most environments). It also cripples tasks that rely on the watch task to share the context with each subsequent run (i.e., reload tasks). If you would like a faster watch task or need to share the context please set the spawn option to false.

How can I have the browser reload for files listed in a task? Just be aware that with this option enabled, the watch task is more prone to failure. These have different solutions, missing the livereload is the simplest to correct, just run npm install -g livereload in your dev environment. Instead of restarting your server each time a static file is changed, start a static web server using (grunt-contrib-connect). In the case you are not connecting to localhost/127.0.0.1 then you'll need to look at the RemoteLiveReload Chrome extension instead as it tries to connect to the same hostname that is loading the current. You'll have the connect web server on separate port ex: port 9000 from your main server. When the 'livereload' option is enabled for 'watch' tasks, it will handle triggering the live reload server for each tasks and when files are modified, which then server back to main server ex: 3000. The main server must include a script tag or a browser extension to the livereload server in order for the browser automatically.

Cookies grunt livereload