htoooth / boilerplate-babel-webpack

:fork_and_knife: Starter with Babel.js and Webpack

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

boilerplate-babel-webpack

npm version downloads count dependencies

🍴 Starter with Babel.js and Webpack

Features

  • βœ… Webpack v4.31.0
  • βœ… Babel (Core) v7.4.4
  • βœ… Support syntax ES2015+
  • βœ… Static directory public/
  • βœ… Analysis of bundle file weight (source-map-explorer)
  • βœ… Two build settings: dev (with source maps) & prod (compress file)

Getting started

You can start in two ways:

Use Git

mkdir PROJECT_NAME
cd $_     # Note: "$_" is last argument of previous command
git init  # Note: branch "master" is created
git remote add boilerplate git@github.com:piecioshka/boilerplate-babel-webpack.git
git pull boilerplate master
git remote remove boilerplate

or ...

Use Zip

  1. Download package file:
    https://github.com/piecioshka/boilerplate-babel-webpack/archive/master.zip
  2. Extract it to your project directory.

How to build an application?

  • development

    npm run build
  • production

    npm run build:production

Open public/ directory in browser.

How to develop an application?

npm run watch

Open public/ directory in browser.

Remove generated directory

If you would like to remove public/dist directory (created by Webpack):

npm run clear

If you would like to remove node_modules/ and remove public/dist/

npm run clear:all

Count LOC (Lines of Code)

If you would like to know how many lines of code you write:

npm run count

Analysis of bundle file weight

If you would like to check how much a bundle file weight:

npm run build
npm run audit

License

The MIT License @ 2017

About

:fork_and_knife: Starter with Babel.js and Webpack


Languages

Language:JavaScript 96.0%Language:HTML 4.0%