Giter Club home page Giter Club logo

minimal-webpack-boilerplate's Introduction

Minimal Webpack Boilerplate

WAT ? An other boilerplate ?!!?

Why

Because sometimes you don't want to copypaste old conf but you still need a dev server with ONLY ES6+ transpilation that works quickly.

There are other boilerplate with webpack, webpack + redux, webpack+react webpack, webpack +++ but sometimes this is too big .

##How

This project set a minimal structure

src/       --> your app sources + index.html template
conf/      --> webpack configuration
.babelrc   --> es2015 babel preset
.eslintrc  --> recommended + es6 env

Webpack takes your sources as input and make a build WITH developpement additions. So Don't use it direcly for production

The html plugin let you specify your index.html template ( in src folder ) . By this way, you don't have to worry about your dependencies and you can have fun without waiting

npm i *whatever*
//In a .js file
import {something} from "whatever"

It uses webpack-dev-server with live-reload enabled by default.

To run the dev server :

npm run dev

##Use It It can be easily added in your project with git

mkdir myproject && cd myproject
git init .
git remote add boilerplate https://github.com/maxdow/minimal-webpack-boilerplate.git
git fetch boilerplate
git merge boilerplate/master
npm install
npm run dev

Then open your browser at localhost:3000 and edit files in src foler.

##TODO

  • [] Add css injection
  • [] Add production task
  • [] CLI to add features on demand

minimal-webpack-boilerplate's People

Contributors

maxdow avatar

Stargazers

Bodnar Bogdan avatar Adam Chen Wei avatar Trung Pham avatar Fredy Mendez avatar  avatar

Watchers

 avatar James Cloos avatar romu avatar

Forkers

zsawaf jrichardsz

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.