#Livereload loading scss code#

originalPath Set URL you use for development, e.g 'http:/', then LiveReload will proxy this url to local path.

exclusions lets you specify files to ignore.

Namely for these extensions: jpg, jpeg, png, gif

applyImgLive tells LiveReload to reload image files in the background instead of refreshing the page.appl圜SSLive tells LiveReload to reload CSS files in the background instead of refreshing the page.extraExts is an array of extensions you want to observe.This overrides the default extensions of. exts is an array of extensions you want to observe.It defaults to 35729 which is what the LiveReload extensions use currently. https is an optional object of options to be passed to https.createServer (if not provided, http.createServer is used instead).The first are some configuration options, passed as a JavaScript object: Server APIThe createServer() method accepts two arguments. You can then start up the server which will listen on port 3000. Var lrserver = livereload.createServer() Var compiler = require('connect-compiler') Using connect and a few other modules just to give you an idea: You can also use this with a Connect server. Option 2: From within your own projectTo use the api within a project: Use the -f or -filesToReload option:Īll changes to index.html in any subdirectory will cause LiveReload to send the reload message. This is useful when there are files that don't have extensions, or when you want to exclude all HTML files except for index.html throughout the project. For example, you can put it at the end if you wish:įinally, you can tell LiveReload to refresh the browser when specific filenames change. The file path can be at any place in the arguments. To turn on debugging and tell Livereload to only look at HTML files in the public directory, run it like this: -op or -originalpath to set a URL you use for development, e.g 'http:/', then LiveReload will proxy this url to local path.įor example, to use a wait time and turn on debugging so you can see messages in your terminal, execute livereload like this:.-w or -wait to add a delay (in miliseconds) between when livereload detects a change to the filesystem and when it notifies the browser.Set this to true to successfully watch files over a network. -u or -usepolling to poll for file system changes.-x or -exclusions to specify additional exclusion patterns.-ee or -extraExts to include additional extentions that you want to observe.-e or -exts to specify extentions that you want to observe.-d or -debug to show debug messages when the browser reloads.-p or -port to specify the listening port.To watch files in another directory, specify its path: To watch files in the current directory for changes and use the default extensions, run this command: Method 1: Using the Command line InterfaceTo use livereload from the command line: Running LiveReloadYou can run LiveReload two ways: using the CLI application or by writing your own server using the API. Note: If you are using a different port other than 35729 you will Then, in the browser, click the LiveReload icon to connect the browser to the server. Once you have the plugin installed, start livereload.

#Livereload loading scss code#

If you are using other browsers and want to use file:/// URLs, add the JS code to the page as shown in the next section. Note: Only Google Chrome supports viewing file:/// URLS, and you have to specifically enable it. Method 1: Use Browser ExtensionInstall the LiveReload browser plugins by visiting. UsageYou can use this by using the official browser extension or by adding JavaScript code to your page. It's an alternative to the graphical application, which monitors files for changes and reloads your web browser. An implementation of the LiveReload server in Node.js.