WebNext

WebNext is a lightweight template for creating websites or webapps with modern web technologies.

Getting Started

• Via Git
  • git clone https://github.com/myhonor16/webnext.git

Usage

Pre-step: Make sure you have gulp installed globally (npm install -g gulp)

1. Run npm install to install the default dependencies

• NPM
  • gulp
  • gulp-babel
  • gulp-concat
  • gulp-load-plugins
  • gulp-minify-css
  • gulp-plumber
  • gulp-sass
  • gulp-sourcemaps
  • gulp-uglify
  • yargs
  • browser-sync
  • html5shiv
  • normalize.css

2. Install via NPM any other plugins or libraries you'd like
3. Add said libraries to gulpfile.js
4. Run gulp init
5. From there you can run gulp serve to run start a server and watch for changes (via BrowserSync) or build on demand with just gulp
6. Whenever you add any new libraries to gulpfile.js, run gulp full

List of Tasks

• styles
  • styles:lib*
  • styles:main
• scripts
  • scripts:html5shiv*
  • scripts:lib*
  • scripts:main
• serve
• watch
• full & init (init is an alias of full)
  • styles:lib
  • styles
  • scripts:html5shiv
  • scripts:lib
  • scripts
• default
  • styles
  • scripts

* not called by parent task