Webpack 4 with webpack-dev-server configuration (and Web Components).

• Node >= v6.x
• Yarn >= v1.1 | NPM >= v5.0

• Install w4kit-cli

npm install -g w4kit-cli

• Launch the CLI

w4kit

• Choose Vanilla JS

• Clone this repository

git clone https://github.com/king-prawns/webpack4-starter-kit.git [your-app-name]

Remove the .git folder and change details within:

package.json
src/manifest.json

• Install dependencies

$ cd my-app-name
$ yarn

# 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

• Webpack 4
• Webpack Dev Server
• HMR
• Babel
• Flow
• EsLint
• StyleLint
• Postcss
• Autoprefixer
• Ava
• nyc
• Web Components
• Service Worker
• Webpack Plugins: Html, Copy, MiniCssExtract, Define