Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/king-prawns/webpack5-starter-kit-ts

Webpack 5 starter kit TS
https://github.com/king-prawns/webpack5-starter-kit-ts

typescript webcomponents webpack-dev-server webpack5

Last synced: about 2 months ago
JSON representation

Webpack 5 starter kit TS

Awesome Lists containing this project

README

        

# webpack5-starter-kit-ts

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

## Dependencies

- Node v14.18.0 (or later)
- Yarn v1.22 (or later) | NPM v6.13.4 (or later)

## Installation via CLI

* Install w5kit-cli

```
npm install -g w5kit-cli
```

* Launch the CLI

```
w5kit
```

* Choose `TypeScript`

## Installation via Clone

* Clone this repository

```
git clone https://github.com/king-prawns/webpack5-starter-kit-ts.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 TSLint
$ yarn lint

# Run only type checking
$ yarn tc

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

# Runs http-server on port 8082
$ yarn httpserver

```

## Features

* [Webpack 5](https://github.com/webpack/webpack)
* [TypeScript](http://www.typescriptlang.org/)
* [TSLint](https://palantir.github.io/tslint/)
* [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)

## Vanilla JS

### Please go to [JS repo](https://github.com/king-prawns/webpack5-starter-kit)