Skip to content

Frontend boilerplate and framework based on gulp, pug, stylus and babel

License

Notifications You must be signed in to change notification settings

askolock/gulp-front

 
 

Repository files navigation

Gulp Front

A lean and powerful, gulp-based boilerplate for better front-end coding with Gulp, Pug and Stylus

Build Status GitHub issues GitHub forks GitHub stars GitHub license Join the chat at https://t.me/gulpfront Join the chat at https://gitter.im/zoxon/gulp-front

Demo

zoxon.github.io/gulp-front

Documentation

More information see in docs folder

Core features

  • Modern and fast build tool
  • Module based BEM CSS framework
  • Automatic icon system based on SVG Symbols
  • Easy PNG Sprites generation (including @2x)
  • A convenient @media mixins
  • Smart image compression

Quickstart

  1. Install the node.js
  2. Clone the project or download the file
    git clone [email protected]:zoxon/gulp-front.git --depth 1 my-project
  3. Go to project folder and run
    npm run setup
  4. Start dev server
    npm start
  5. In browser open page with address http:https://localhost:3000/

Main tasks

  • npm run dev - launches watchers and server
  • npm run build - compile a project
  • npm run zip - compile a project in zip
  • npm run deploy - compile a project and push in build branch to git repository
  • npm run cleanup - remove demo app

Module generator

Create empty module by name in source/modules folder

By default generate only *.pug and *.styl files.

You can call amo with additional params like js and yml

npm run amo <module-name> [js || yml]

License

The MIT License (MIT)

About

Frontend boilerplate and framework based on gulp, pug, stylus and babel

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • HTML 35.0%
  • JavaScript 34.3%
  • CSS 30.7%