February 23, 2019

193 words 1 min read



A simple webpack starter without framework (Like Vue, React, Angular, etc.)

repo name SinanMtl/webpack-simple-starter
repo link https://github.com/SinanMtl/webpack-simple-starter
language JavaScript
size (curr.) 1469 kB
stars (curr.) 664
created 2017-11-19
license MIT License

Webpack Simple Starter

A simple webpack starter without framework (Like Vue, React, Angular, etc.). This project is inspired from vue-cli webpack project

Getting Started

First, install the modules that the project needs.

$ npm install

Now, let’s start developing.

$ npm run dev

Finally development process done. Let’s export for production.

$ npm run build

That’s it!. Files are ready to under the dist/ directory for production.

What’s in this project?


There are four main directories in project. This directories like below:

build/		# Webpack configurations
config/		# Dev and prod configurations
src/ 		# Project development files
|_ scripts/	# Javascript files
|_ styles/	# Style files (scss)
|_ views/	# HTML templates (pug)
static/		# Static files (Like fonts, images)

Used Frameworks

  • Bootstrap and depended javascript frameworks like jquery. (Client)
  • Babel.js for ES6 compile
  • Sass for CSS
  • Pug for HTML template

Also, this project is supporting hot reload and include eslint


This project is under the MIT license.

comments powered by Disqus