Code Monkey home page Code Monkey logo

webpack-simple-starter's Introduction

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?

Directories

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

License

This project is under the MIT license.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.