Kickster is a boilerplate for starting fast with the development and much helpers like node-sass, bower, browser-sync, node-server and so much more awesome stuff. Read the documentation to learn more about it.
// Navigate to the folder for development cd app/ // Install dependencies npm install // Install bower-packages bower install // Run the server grunt server
For grunt we have two files which are important. The
Gruntfile.js includes all tasks, which you can configurate. If you want to add some files or handle the paths to your files, than there is the ``build.config.js`. The advantage is to cut the task- and the path-handling in two sections.
|- app |- assets |- helpers |- partials |- templates |- views |- .bowerrc |- bower.json |- Gruntfile.js |- build.config.js |- package.json |- build |- dist |- .gitignore |- .editorconfig
Handling paths and tasks with Grunt
Specially Kickster has two files which are important for working with Grunt. The one is
build.config.js. This file handle all the paths, variables and files, without configuration the tasks.
The other one is
Gruntfile.js for handling the stuff with tasks - adding or deleting here tasks.
A list of all the available tasks. Server-Task for compiling the files live, build for creating the stuff for development and dist-task to generate an offline-version with minified stuff.
// Server-Task // Start the server for development-process grunt server // Build-Task // Build your files in build-folder grunt build // Dist-Task // Generates a offline-version with concated and minified files grunt dist
Sync all devices and browsers (viewport and events)
Sass without Ruby as dependency, because Kickster use node-sass for faster compiling. Node is so much faster than Ruby.
Minify all the images with
Lint files with
Concating files with
Repository)::Watch with Livereload (
Watching all files. If one file changed, then Livereload will refresh the browser for you.
Run a server for generating your files with
Generates static html-files with
Template-Engine is Handlebars to get some more flexibility and easier handling for pages / templates
- Kickster as a Yeoman-Generator
Licensed under the MIT license.