https://github.com/king-prawns/webpack3-starter-kit

Webpack 3 starter kit
https://github.com/king-prawns/webpack3-starter-kit

babel eslint hot-module-replacement scaffolding scss stylelint webpack-dev-server webpack3

Last synced: about 1 month ago
JSON representation

Webpack 3 starter kit

• Host: GitHub
• URL: https://github.com/king-prawns/webpack3-starter-kit
• Owner: king-prawns
• License: mit
• Created: 2017-12-31T14:40:21.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2018-03-12T08:07:13.000Z (almost 7 years ago)
• Last Synced: 2024-11-07T07:49:09.142Z (3 months ago)
• Topics: babel, eslint, hot-module-replacement, scaffolding, scss, stylelint, webpack-dev-server, webpack3
• Language: JavaScript
• Homepage:
• Size: 90.8 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# webpack3-starter-kit

Webpack 3 with Webpack Dev Server Configuration.

## Installation

* Install Node.js

Go to [Node website](https://nodejs.org/en/)

* Install Yarn

  (npm should work as well)

Go to [Yarn website](https://yarnpkg.com/en/docs/install#mac-tab)

## Usage

* Clone this repository

```

git clone https://github.com/king-prawns/webpack3-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

```

* Development

```

$ yarn dev

```

Then your browser will be opened automagically

* Test

```

$ yarn test

```

* Production

```

$ yarn build

```

Install [http-server](https://github.com/indexzero/http-server)

A command-line http server

```

$ yarn global add http-server

```

then

```

$ cd my-app-name\dist

http-server -o

```

## Features

* [Webpack 3](https://github.com/webpack/webpack)

* [Webpack Dev Server](https://github.com/webpack/webpack-dev-server)

* [HMR](https://webpack.js.org/concepts/hot-module-replacement/)

* [Babel](https://babeljs.io/)

* [EsLint](https://eslint.org/docs/user-guide/getting-started)

* [StyleLint](https://github.com/stylelint/stylelint)

* [Sass](https://github.com/webpack-contrib/sass-loader)

* [Autoprefixer](https://github.com/postcss/autoprefixer)

* [Ava](https://github.com/avajs/ava)

* [nyc](https://github.com/istanbuljs/nyc)

* Webpack Plugins: Html, Copy, ExtractText, Define, UglifyJS, CommonsChunk