Skip to content

Latest commit

 

History

History
48 lines (37 loc) · 1.05 KB

README.md

File metadata and controls

48 lines (37 loc) · 1.05 KB

Webpack 3 Boilerplate for beginners

A basic webpack 3 boilerplate for beginners to start with any JS/ES6 based project.

Guide

This basic boilerplate is the final output of this comprehensive write up on Medium. I recommend to read this article to know the insight of how you can configure webpack from scratch. Webpack 3 quickstarter: Configure webpack from scratch

Install dependencies

npm install

Develop locally with webpack-dev-server

  1. Run
npm run dev
  1. In your browser, navigate to: http://localhost:2000/

For bundled output

npm run build

For production-ready output

npm run build:prod

Loaders and Plugins used in this boilerplate

Loaders

  • babel-loader
  • html-loader
  • sass-loader
  • css-loader
  • style-loader
  • file-loader

Plugins

  • clean-webpack-plugin
  • extract-text-webpack-plugin
  • html-webpack-plugin