https://github.com/wbkd/webpack-starter

✨ A lightweight foundation for your next webpack based frontend project.
https://github.com/wbkd/webpack-starter

babel babel7 boilerplate es6 frontend javascript sass starter-kit webpack

Last synced: 7 days ago
JSON representation

✨ A lightweight foundation for your next webpack based frontend project.

• Host: GitHub
• URL: https://github.com/wbkd/webpack-starter
• Owner: wbkd
• License: mit
• Created: 2016-02-12T21:55:45.000Z (almost 9 years ago)
• Default Branch: main
• Last Pushed: 2024-02-05T04:45:57.000Z (10 months ago)
• Last Synced: 2024-10-29T17:27:02.160Z (about 1 month ago)
• Topics: babel, babel7, boilerplate, es6, frontend, javascript, sass, starter-kit, webpack
• Language: JavaScript
• Homepage:
• Size: 3.6 MB
• Stars: 1,926
• Watchers: 46
• Forks: 867
• Open Issues: 17
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

• awesome-boilerplate - Webpack Starter

README

        
# Webpack Frontend Starterkit

A lightweight foundation for your next webpack based frontend project.

### Installation

```sh

npm install

```

### Start Dev Server

```sh

npm start

```

### Build Prod Version

```sh

npm run build

```

### Features:

- ES6 Support via [babel](https://babeljs.io/) (v7)

- JavaScript Linting via [eslint](https://eslint.org/)

- SASS Support via [sass-loader](https://github.com/jtangelder/sass-loader)

- Autoprefixing of browserspecific CSS rules via [postcss](https://postcss.org/) and [postcss-preset-env](https://github.com/csstools/postcss-preset-env)

- Style Linting via [stylelint](https://stylelint.io/)

When you run `npm run build` we use the [mini-css-extract-plugin](https://github.com/webpack-contrib/mini-css-extract-plugin) to move the css to a separate file. The css file gets included in the head of the `index.html`.