Giter Club home page Giter Club logo

deprecated-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

deprecated-minimal-webpack-boilerplate's People

Contributors

maxdow avatar

Watchers

James Cloos avatar

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.