https://github.com/ericz99/static-webpack-boilerplate
This is mainly for static project, this boilerplate allows you to minifiy your source code into your build folder!
https://github.com/ericz99/static-webpack-boilerplate
boilerplate-front-end front-end-starter-kit webpack webpack-boilerplate webpack-configuration
Last synced: 3 months ago
JSON representation
This is mainly for static project, this boilerplate allows you to minifiy your source code into your build folder!
- Host: GitHub
- URL: https://github.com/ericz99/static-webpack-boilerplate
- Owner: ericz99
- License: mit
- Created: 2019-09-28T16:22:53.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2022-12-11T07:32:43.000Z (over 3 years ago)
- Last Synced: 2025-03-23T08:44:25.059Z (over 1 year ago)
- Topics: boilerplate-front-end, front-end-starter-kit, webpack, webpack-boilerplate, webpack-configuration
- Language: JavaScript
- Size: 1.51 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 23
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## Static webpack boilerplate
[](https://opensource.org/licenses/MIT) 
A lightweight boilerplate for your next webpack based frontend project. Enjoy!
### Installation
Static webpack boilerplate requires the following...
- [Node.js (LTS Version)](http://nodejs.org/)
- [YarnPKG](https://yarnpkg.com/lang/en/docs/install/#windows-stable)
Quick start:
```bash
# Install dependencies
yarn install
# Run dev server
yarn run dev
# To build dist folder
yarn run build
# Make it your own repo
rm -rf .git && git init
# Installing in a new directory of your choice
git clone https://github.com/ericz99/static-webpack-boilerplate.git
```
### Features
- ES6 Support via [babel](https://babeljs.io/) (v7)
- SASS Support via [sass-loader](https://github.com/jtangelder/sass-loader)
- Linting via [eslint-loader](https://github.com/MoOx/eslint-loader)
- Airbnb style via [eslint-config-airbnb](https://github.com/airbnb/javascript/tree/master/packages/eslint-config-airbnb)
When you run `yarn run build` we use the [mini-css-extract-plugin](https://github.com/webpack-contrib/mini-css-extract-plugin) to move the css to a separate file. The css file gets included in the head of the `index.html`.
### Deployment [ Will add quick deployment later ]
This webpack boilerplate provides production ready deployment onto cloud based service like heroku.
[](https://heroku.com/deploy)
## App Info
### Author
Eric Zhang
### Version
1.0.0
### License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details