Panache

A Yeoman generator for setting up front-end projects... with ** panache **

Features

• Gulp
• Browsersync
• Twig
• SCSS with ITCSS architecture
• Browserify with Watchify
• full set of linters
• [ ES2015 with Babel ]
• [ jQuery ]

Installation

# install yeoman
npm install -g yo

# install panache
npm install -g generator-panache

# go to project folder and scaffold your project
yo panache

Development

# new project
npm run dev

Note that you don't need to set up project again from scratch if it was previously set up with Panache. In this case, clone the project to your machine, and then run:

# pre-existing project, which was set up with Panache
npm install
npm run build
npm run dev

npm run build re-builds the whole project and creates new revisions of styles and scripts. npm run dev starts a development server, watches for changes in style, script, and template files, and recompiles them as necessary.

License

At the moment Panache is mostly a simplified version of Chisel by Xfive with improved structure and added basic styles.

Chisel and its portions in Panache as well as Panache are licensed under MIT License.