https://github.com/dogsghost/hbs-sass-boilerplate

Boilerplate for quick prototyping with Handlebars, jQuery, and Sass.
https://github.com/dogsghost/hbs-sass-boilerplate

Last synced: 1 day ago
JSON representation

Boilerplate for quick prototyping with Handlebars, jQuery, and Sass.

• Host: GitHub
• URL: https://github.com/dogsghost/hbs-sass-boilerplate
• Owner: dogsGhost
• Created: 2018-06-17T00:43:38.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-03-02T00:39:30.000Z (almost 2 years ago)
• Last Synced: 2024-04-17T05:46:09.005Z (10 months ago)
• Language: JavaScript
• Size: 655 KB
• Stars: 0
• Watchers: 2
• Forks: 1
• Open Issues: 9
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Handlebars Prototyping Boilerplate

Boilerplate for quick prototyping with Handlebars, jQuery, and Sass. Includes basic ESLint rules.

## Project Directory

- `src/`

  - `hbs/`: Include all partials in this folder.

    - `page-content.handlebars`: Any markup in this file is what will be compiled and rendered to the page.

  - `helpers/`: Any custom Handlebars helpers you need to create should be placed in this folder.

  - `images/`: Any images you need should be placed in this folder.

  - `js/main.js`: Any javascript that is not a Handlebars helper should go in this file.

  - `json/`: Any JSON files you need should be placed in this folder.

  - `sass/`: Contains all Sass files.

    - `main.scss`: Write your styles here or import other Sass files into this file.

  - `index.html`: You should only need to edit this if you want to include references to additonal third-party scripts.

## Development

- Install dependencies: `$ npm i`

- Start development server with live-reloading: `$ npm start`

- Lint your javascript: `$ npm run lint`

## Build

- Build project to `build/` folder: `$ npm run build`