https://github.com/StudyResearchProjects/web-layout-sass-hbs
Webpack template with Handlebars and Sass ready for layout development
https://github.com/StudyResearchProjects/web-layout-sass-hbs
blank css hbs javascript layout sass template webpack
Last synced: 4 months ago
JSON representation
Webpack template with Handlebars and Sass ready for layout development
- Host: GitHub
- URL: https://github.com/StudyResearchProjects/web-layout-sass-hbs
- Owner: StudyResearchProjects
- License: mit
- Archived: true
- Created: 2020-08-01T17:15:37.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-03-05T09:07:57.000Z (almost 3 years ago)
- Last Synced: 2025-09-13T04:52:16.036Z (5 months ago)
- Topics: blank, css, hbs, javascript, layout, sass, template, webpack
- Language: Handlebars
- Homepage:
- Size: 447 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
web-layout-sass-hbs
Webpack template with Handlebars and Sass ready for layout development
## Getting Started
```bash
# clone the repository replacing "project name" with your projects name
git clone https://github.com/estebanborai/web-layout-sass-hbs.git
# step into the directory
cd ./web-layout-sass-hbs
# install dependencies
yarn
# run the development server and write the code!
yarn start
# build your bundle
yarn build
```
## Scripts
### Bundle with yarn
```
yarn build
```
### Bundle with npm
```
npm run build
```
## Whats inside?
Webpack configuration using css-loader, sass-loader and style-loader to handle your style files. Also brings handlebars-loader so you are able to take advantage of the power of handlebars to build your layout!
## PostCSS
PostCSS is ready to use, in order to add plugins you must create a file called postcss.config.js, read more in the PostCSS official website! Visit PostCSS website.
## Bundle
When running either yarn build or npm run build, 3 files will be generated in your dist/ directory. These files contains all your markdown in one place, feel free to open index.html either will your favorite browser or with an HTTP server!
```
. dist/
├── index.html
├── main.js
├── main.css
```
## Contributions
Contributions to this repository are welcome, feel free to open either an Issue or Pull Request.
## License
Licensed under the MIT License