webpack4-starter-kit-ts

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

Requirements

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

Installation via CLI

• Install w4kit-cli

npm install -g w4kit-cli

• Launch the CLI

w4kit

• Choose TypeScript

Installation via Clone

• Clone this repository

git clone -b typescript 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

Available tasks

# Runs development server (Webpack dev server)
$ yarn dev

# Build command
$ yarn build

# Lint with TSLint
$ yarn lint

# Run only type checking
$ yarn tc

# Run unit tests (ava-ts)
$ yarn test

# Runs http-server on port 8082
$ yarn httpserver

Features

• Webpack 4
• Webpack Dev Server
• HMR
• TypeScript
• TSLint
• StyleLint
• Postcss
• Autoprefixer
• Ava
• nyc (open issue)
• Web Components
• Service Worker
• Webpack Plugins: Html, Copy, MiniCssExtract, Define

Vanilla JS

Please go to JS repo