build-future-simple-template
v1.0.2
Published
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
Downloads
12
Maintainers
Readme
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.