https://github.com/king-prawns/webpack5-starter-kit
Webpack 5 starter kit
https://github.com/king-prawns/webpack5-starter-kit
babel flow webcomponents webpack-dev-server webpack5
Last synced: 8 months ago
JSON representation
Webpack 5 starter kit
- Host: GitHub
- URL: https://github.com/king-prawns/webpack5-starter-kit
- Owner: king-prawns
- License: mit
- Created: 2018-03-12T08:10:27.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2024-08-16T11:49:07.000Z (almost 2 years ago)
- Last Synced: 2024-08-16T13:02:09.397Z (almost 2 years ago)
- Topics: babel, flow, webcomponents, webpack-dev-server, webpack5
- Language: JavaScript
- Homepage:
- Size: 5.38 MB
- Stars: 76
- Watchers: 4
- Forks: 20
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# webpack5-starter-kit
Webpack 5 with webpack-dev-server configuration (and Web Components).
## Installation via CLI
* Install w5kit-cli
```
npm install -g w5kit-cli
```
* Launch the CLI
```
w5kit
```
* Choose `Vanilla JS`
## Installation via Clone
* Clone this repository
```
git clone https://github.com/king-prawns/webpack5-starter-kit.git [your-app-name]
```
Remove the .git folder and change details within:
```
package.json
src/manifest.json
```
* Install dependencies
```
$ cd your-app-name
$ yarn
```
## Available tasks
```sh
# Runs development server (Webpack dev server)
$ yarn dev
# Build command
$ yarn build
# Lint with ESLint
$ yarn lint
# Run Flow
$ yarn flow
# Run unit tests (ava + instanbul)
$ yarn test
# Runs http-server on port 8082
$ yarn httpserver
```
## Features
* [Webpack 5](https://github.com/webpack/webpack)
* [Flow](https://flow.org/)
* [EsLint](https://eslint.org/docs/user-guide/getting-started)
* [StyleLint](https://github.com/stylelint/stylelint)
* [Postcss](https://github.com/postcss/postcss)
* [Jest](https://github.com/facebook/jest)
* [Web Components](https://developer.mozilla.org/en-US/docs/Web/Web_Components)
## TypeScript
### [TypeScript repository](https://github.com/king-prawns/webpack5-starter-kit-ts)