Skip to content

TseHang/WebExhibition

Repository files navigation

web-exhibition

The Visualize Web Application Exhibition by Design Thinking

Prerequisites

  • npm ( we assume you have pre-installed node.js ).
  • For Ubuntu , you must have to install ruby and ruby-compass
    • $ sudo apt install ruby-compass

Getting Started

Install package

npm install -i

Usage

build sass , js

$ gulp

build hbs to html, and watch

$ ./bin/build -w
  • Use gulp to construct it .
  • canner-core is your main component which you also use in handlebar.js.

Developer

gulp

build sass , js , then watch

$ gulp

minify css , js

$ gulp minify-css
$ gulp minify-js

concate all lib js or css file to one file , reduce request

$ gulp concate-css
$ gulp concate-js

compress img ( It's usually use on final in your project)

$ gulp image

canner-core

build hbs to html

$ ./bin/build 
  • -w : watch
  • -m : minify code

License

© TseHang


It helps you to construct and orginize your static code , quickly minify html , css , js , img.

Use gulp and canner-core ( The html's template is hbs )

  • gulp
  • gulp-compass
  • gulp-concat
  • gulp-imagemin
  • gulp-minify-css
  • gulp-plumber
  • gulp-rename
  • gulp-uglify
  • gulp-clean-css
  • canner-core
  • minist