Skeleton generated with gulp and supports semantic-ui from the start (consider it as work in progress). Makes use of following:
- gulp streaming build system http://gulpjs.com/
- JADE/PUG template engine https://pugjs.org/
- scss Sass http://sass-lang.com/
- coffee-script http://coffeescript.org/
- semantic-ui v2.2 http://www.semantic-ui.com/ - awesome User Interface development framework
- browser-sync http://www.browsersync.io/ synchronized browser testing tool
- Optimize delivery of images and other resources with https://github.com/sindresorhus/gulp-imagemin
Work in Progress:
- Better Examples
- Localisation
- Tests with Karma
To DO:
- Provide setup wizard and themes options
Author: www.blankdots.com
git clone [email protected]:blankdots/semwasp.git
npm install
gulp build
npm installwill runbower installautomatically with all necessary dependencies
The files build will be available in .\dist folder.
git clone [email protected]:blankdots/semwasp.git
npm install
gulp dev
The browser will start a server at the address http://localhost:3000 and the bower-sync at http://localhost:9001 - both of these can be configured in the gulpfile.js file.
In order to clean build and start fresh use gulp clean
bower install d3 --save
In index.jade under the following lines the dependencies are/can be added like this:
// build:js js/vendor.js
// bower:js
// endbower
//endbuild
// build:js js/plugins.js
// endbuild
// build:js js/main.js
script(type='text/javascript', src='js/main.js')
// endbuild
The bower dependencies are added in the vendor.js on the build and for additional plugins unavailable via bower the plugins and other JavaScript code can be added under:
// build:js js/plugins.js
cript(type='text/javascript', src='include/add_plugin.js')
// endbuild
// build:js js/main.js
script(type='text/javascript', src='js/app.js')
script(type='text/javascript', src='js/main.js')
// endbuild
Depending where the dependencies are added these will be compiled under one file such as plugins.js or main.js .