No description, website, or topics provided.
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.
server/views
src
.gitignore
.jshintrc
LICENSE.md
README.md
bower.json
gulpfile.js
index.js
package.json
testem.json

README.md

fridgewords

A project created for CodeMash 2015 to demostrate frontend organization with gulp.js.

Concepts illustrated include

  • using CommonJS modules for frontend code
  • automatically including Bower assets, loaded in dependency order
  • conditionally minifying js assets based on environment
  • integrating Bootstrap
  • automatic builds and livereload

The slides used to describe the concepts above are in this repo.

Install and run

If you don't have bower and gulp installed globally, install those:

npm install -g bower
npm install -g gulp

Install dependencies

npm install
bower install

Compile assets

NODE_ENV=development gulp

Run the node server

NODE_ENV=development node index.js

Both gulp and node index.js respect the NODE_ENV environment variable. Setting it to development will produce unminified assets and source maps.

Optional - in a separate shell, run gulp watch for livereload

NODE_ENV=development gulp watch