6thSence/Statistic

Workflow for building web application

• Handelbars
• PostCSS
  • Assets
  • Nested
  • Sorting
  • Short
  • StyleLint
  • Reporter
  • Autoprefixer
• ESLint
• Gulp
• The modular build
• Browser-sync

Global dependencies

You must have installed: node, npm, gulp.

##How to work with this project

1. git clone https://github.com/6thSence/workflow-handlebars-postcss-gulp.git app
2. cd app
3. npm i
4. gulp ... or NODE_ENV=production gulp (for production version)

---

.gif)

Project structure

• src/
  • fonts/
  • styles/ default and font styles
  • templates/
    • template/
      • assets/ files using template (svg, png)
      • template.css template styles
      • template.hbs template
      • template.js template script
    • index.css entry-point styles (template)
    • index.hbs entry-point (template)
    • index.js entry-point scripts (template)
    • test.json handlebars context
• static/ build directory
• config.js configuration file
• eslintrc.json eslint rules
• stylelintrc.json stylilint rules