build-future-simple-template/Readme.md

Simple Template contains a simple file hierarchy to build a front end project, which includes css, sass, js,html,imgs,font and engined by express,hope you like it! -- @BuildFuture

[![SimpleTemplate@BuildFuture](https://secure.travis-ci.org/Modernizr/Modernizr.png?branch=master)](http://travis-ci.org/Modernizr/Modernizr)
=========================================================================================================================================================

### a Simple Project Template integrated with sass,grunt,bower and a static server with 'npm connect'
    
    SimpleTemplate@BuildFuture offers a simple grunt-cored auto workflow project, which listens source file changes and lively update .

### Hierarchy of Projects

    --bower_components     // bower libraries
    --dest                 // runtime directory, which is generated and maintained by grunt
        --[.tmp]                                           # temp compile file
        --css                                              # project css folder
        --font                                             # project level font folder
        --html                                             # html subpages 
        --imgs                                             # images ,icons,svgs
        --js                                               # project js folder
        --lib                                              # libraries from external, as zepto,jQuery,Bootstrap 
        --index.html                                       # main html page
    --node_modules         // node components
    --src                  // source codes, where put your source codes
        --font                                             # font sources 
        --html                                             # html pages 
        --imgs                                             # image type assets
        --js                                               # js sources
        --lib                                              # external / third-party libs 
        --sass                                             # sass folders 
        --index.html                                       # main page 
    --.jshintrc            // jshint config
    --bower.json           // bower config, preset bower dependencies
    --Gruntfile.js         // grunt config file
    --package.json         // package meta
    --Readme.md            // readme file
    --start.bat            // starter under windows / xp
    --start.sh             // starter under unix* / linux*

### Automating Process

    1. copy multiple sources to dest directory , from sources codes , bower_components and other libs , which is configured in grunt
    2. compile from sass / scss to css
    3. concat all .css files into a combine file all.css, concat all .js files into a combined file all.js; (library not included)
    4. unglify all.js to all.min.js, cssmin all.css to all.min.css
    5. minify html files




`@BuildFuture` aims to make it better,more effective, easier to build projects.