https://github.com/devzakir/v3.2-personal-portfolio-html
v3.2 (Beta) - Personal Portfolio HTML Template using Wepback Boilerplate (Updated 2020)
https://github.com/devzakir/v3.2-personal-portfolio-html
bootstrap css fontawesome html npm personal-website portfolio scss webpack
Last synced: 2 months ago
JSON representation
v3.2 (Beta) - Personal Portfolio HTML Template using Wepback Boilerplate (Updated 2020)
- Host: GitHub
- URL: https://github.com/devzakir/v3.2-personal-portfolio-html
- Owner: devzakir
- Created: 2020-03-26T07:39:05.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2020-03-27T18:43:20.000Z (about 6 years ago)
- Last Synced: 2026-01-03T14:39:15.404Z (6 months ago)
- Topics: bootstrap, css, fontawesome, html, npm, personal-website, portfolio, scss, webpack
- Language: HTML
- Homepage: https://rainbow-blini-8b7a6b.netlify.app/
- Size: 12.6 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
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