Friday, 21 October 2016

Gulp webserver and live reload boilerplate


If you decided to have your site up and running without relying on iis.  Then I have a boiler plate for you.
Recently, I attended #SheHacks2016 hackathon. Every team member had different operating system. We narrowed done the tech stack that we were going to use. Also, we needed to find a neat way to host the web application. We used gulp-connect plugin to run a webserver. It worked absolutely well for us.


Why gulp?

Gulp helps to automate the repetitive tasks. It can be run on windows or mac operating systems. It also platform agnostic and has been integrated nicely into all major IDEs and can be used with PHP, .NET, Node.js, Java. Gulp is easy to learn and simple to use.

Here is the boiler plate that you can easily copy and pate and use it.


What you need to follow is


1- Download and install node.js 

2- Install gulp by running

npm install --global gulp-cli

2- Copy package.json and gulpfile.js from above gist and paste them into your root folder

3- Run npm install and node should install required packages.

npm install 

4- Run gulp , It should open a browser tab and load index.html

gulp 

5- If you start changing js or html files, gulp watch will reload the page automatically


references:

Post a Comment