webpack-boilerplate's Introduction

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

npm run dev

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

webpack-boilerplate's People

Contributors

Stargazers

Watchers

webpack-boilerplate's Issues

SCSS File not Compiled into CSS

The scss files are not compiled into css. I have the same config as you given but could not solve it.

Additional tools

Hi @postNirjhor, your medium article finally got me away from gulp and I've started using webpack for projects. I forked your repo and had a play around, adding a few extra tools that I use, such as font-awesome & bootstrap 4. Not sure if you wanted to add them into this repo or if you're ok with me keeping my repo as is. https://github.com/chrisjimallen/webpack-boilerplate

Recommend Projects