https://github.com/thecodeholic/webpack-starter-kit
Webpack 4 starter kit project. Features: Bootstrap 4, ES6, SASS, Image optimization, HMR
https://github.com/thecodeholic/webpack-starter-kit
Last synced: 3 months ago
JSON representation
Webpack 4 starter kit project. Features: Bootstrap 4, ES6, SASS, Image optimization, HMR
- Host: GitHub
- URL: https://github.com/thecodeholic/webpack-starter-kit
- Owner: thecodeholic
- Created: 2019-01-06T17:38:27.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2022-12-09T10:15:53.000Z (over 2 years ago)
- Last Synced: 2025-03-21T22:41:29.515Z (3 months ago)
- Language: JavaScript
- Homepage:
- Size: 9.92 MB
- Stars: 19
- Watchers: 2
- Forks: 28
- Open Issues: 27
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Webpack Starter Kit project
If you want to create a project using ES6 full features (including module export/import),
with SCSS and Bootstrap 4, with image optimization, this project maybe the best solution for you.
The project has the following features:
- Compilation of ES6 into ES5
- Converting SASS into CSS
- Bootstrap 4
- Image loading and optimization
- Webpack dev server
- HMR for hot reloading and faster development
#### The project is production ready.
## Installation
1. Clone the project
2. Go to the project root directory
3. Run `npm install`
## Running on development using [dev server](https://github.com/webpack/webpack-dev-server)
Run `npm run start` to start to webpack dev server with HMR ready
## For production
Run `npm run build` to build project's all assets in `dist` folder.
----------------------
The project's initial version was created while recording this [youtube video](https://youtu.be/EpCz8bwtx5I)