A demo of using node, gulp, express, handlebars, sass, bourbon, livereload to create the fastest dev environment.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
gulp-tasks
.eslintignore
.eslintrc
.gitignore
.scss-lint.yml
README.md
gulpfile.js
package-lock.json
package.json

README.md

##ABOUT This is a small project that should make using gulp and LiveReload much easier for people. There's example code here: https://github.com/scottbert/gulp-express-livereload-src-example. To use the example, check out this repository, then check the example out inside of this repository and rename it to src.

src is gitignored from here, so won't ever be overwritten or modified.

This means you can safely update this project at any time and not need to change anything else.

##FEATURES

  • Everything lives in src in a sensible folder structure
  • Browserify is included for JS processing/require.
  • Minification of JS/CSS
  • SCSS out of the box, inc postcss
  • Mocha unit tests
  • Live reload enabled watchers for everything. CSS injected into page

##USING

Requires global gulp and gulp-cli to be installed

Also requires node/npm, obvs. 4.x or above.

If you have homebrew installed on OSX this is as simple as brew install node6-lte.

If you don't have homebrew on OSX, visit http://brew.sh

##RUNNING

check out this repo.

try with the example src first, it'll be easier and make more sense. Probably.

So check out https://github.com/scottbert/gulp-express-livereload-src-example inside of your copy of repository

mv gulp-express-livereload-src-example src

npm install

Now you're all configured, running gulp will give you a livereload enabled express server. You can access it on http://localhost:9000 by default.

You shouldn't have to now touch anything outside of src

If you wish to use this as a base for future development, remove the git info from inside of src and either

  • Remove the git info from this repo too and create an empty repo and check all of this in

  • OR keep the git info in here, meaning you can periodically update your copy of this repo whenever you wish, but keep the src folder separately under source control.

Changelog:

  • 1.1.0 - A few changes reorganising things. Updated everything to work correctly. Changed a lot of the dependencies and tweaked the watchers and notification systems. Added the ability to override options.

  • 1.0.0 - Initial commit. Working well enough to use.