A Yeoman generator for setting up front-end projects... with ** panache **
- Gulp
- Browsersync
- Twig
- SCSS with ITCSS architecture
- Browserify with Watchify
- full set of linters
- [ ES2015 with Babel ]
- [ jQuery ]
# install yeoman
npm install -g yo
# install panache
npm install -g generator-panache
# go to project folder and scaffold your project
yo panache
# 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.
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.