https://github.com/cvgellhorn/webpack-boilerplate

A minimal webpack 5 boilerplate with only Babel, SASS and lodash (optional) on board
https://github.com/cvgellhorn/webpack-boilerplate

babel boilerplate leightweight lodash minimal sass skeleton webpack webpack-boilerplate webpack4 webpack5

Last synced: 4 months ago
JSON representation

A minimal webpack 5 boilerplate with only Babel, SASS and lodash (optional) on board

• Host: GitHub
• URL: https://github.com/cvgellhorn/webpack-boilerplate
• Owner: cvgellhorn
• License: mit
• Archived: true
• Created: 2015-06-17T17:33:42.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2024-06-16T05:28:26.000Z (7 months ago)
• Last Synced: 2024-09-24T09:19:00.662Z (4 months ago)
• Topics: babel, boilerplate, leightweight, lodash, minimal, sass, skeleton, webpack, webpack-boilerplate, webpack4, webpack5
• Language: JavaScript
• Homepage:
• Size: 6.65 MB
• Stars: 450
• Watchers: 8
• Forks: 106
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
Webpack 5 Boilerplate

===========

![npm](https://img.shields.io/npm/v/webpack?label=webpack&style=flat-square&logo=webpack)

![npm](https://img.shields.io/npm/v/webpack-cli?label=webpack-cli&style=flat-square&logo=webpack)

![npm](https://img.shields.io/badge/dependencies-up--to--date-green?style=flat-square&logo=npm&color=success)

> A minimal webpack 5 boilerplate with only Babel, SASS and lodash (optional) on board

## Requirements

You only need node.js `>=10.13.0` pre-installed and you’re good to go. 

If you don’t want to work with lodash, just remove it from the node packages.

## Usage

Download to target directory or use this repository as a template

```sh

$ curl -L -o master.zip https://github.com/cvgellhorn/webpack-boilerplate/archive/master.zip && unzip master.zip && rm master.zip && mv ./webpack-boilerplate-master/{.,}* ./ && rm -r ./webpack-boilerplate-master

```

## Setup

Install dependencies

```sh

$ npm install

```

## Development

Build the app in dev mode and run webpack serve with livereload and autocompile on [http://0.0.0.0:8080/](http://0.0.0.0:8080/)

```sh

$ npm run dev

```

## Production

Build the app in production mode

```sh

$ npm run build

```

## [webpack](https://webpack.js.org/)

If you're not familiar with webpack, [webpack serve](https://github.com/webpack/webpack-cli/blob/master/packages/serve/README.md#webpack-cli-serve) will serve the static files in your build folder and watch your source files for changes.

When changes are made the bundle will be recompiled. This modified bundle is served from memory at the relative path specified in publicPath.