https://github.com/devzakir/webpack-boilerplate
Webpack Boilerplate for Front End Projects. It's included JS Compiler Babel, SASS compiler, Node SASS, Autoprefixer and more
https://github.com/devzakir/webpack-boilerplate
Last synced: 8 months ago
JSON representation
Webpack Boilerplate for Front End Projects. It's included JS Compiler Babel, SASS compiler, Node SASS, Autoprefixer and more
- Host: GitHub
- URL: https://github.com/devzakir/webpack-boilerplate
- Owner: devzakir
- Created: 2019-11-09T07:29:25.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-06T18:17:11.000Z (over 3 years ago)
- Last Synced: 2025-06-27T10:05:35.586Z (12 months ago)
- Language: JavaScript
- Size: 3.28 MB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 15
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Webpack Boilerplate
This repository contains Webpack and SCSS boilerplate code to quickly get started on building a webpage following a simplified version of SASS (7-1 pattern).
## Project Setup
### Installing
Run `npm install` to install all the dependencies this project needs.
### Running the app
Run `npm run dev`. Your browser should automatically open a new tab where you can see your app.
*Note :* live reload is enabled so just modify your files and it will be reflected on the app instantly.
### Building the app
Run `npm run build`. It will automatically add vendor prefixes to CSS rules and compress all your `.scss` files into one `style.css` file located in your `dist` folder.
## SASS folder structure
It contains these folder and files :
- `abstracts` : functions, variables
- `base` : reset, typography,
- `components` : buttons, form
- `layout` : footer, header, nav, breadcrumb
- `pages` : contact, home,
- `themes` : theme
- `vendors` : bootstrap, fontawesome
## Included Framework and Libraries
- `fontawesome` - Font Library
## Webpack Dependencies
- Webpack
- Babel
- File Loader
- CSS Loader
- Node SASS
- SASS Loader
- Post CSS
- Autoprefixer
- Purge CSS
- Mini CSS Extractor Plugin