Skip to content

Minimal JS boilerplate, build and run. using latest version of technologies like babel 7 webpack 4, prettier

License

Notifications You must be signed in to change notification settings

HashemKhalifa/webpack-js-boilerplate

Repository files navigation

Webpack react minimal boilerplate

dependencies dependencies

Minimal webpack boilerplate using latest version of babel click with real time server changes ;)

Table of contents

Project structure

Installation

Configuration

Technologies used

Project structure

build/
src/
|- index.js _______________________________ # Application entry 
|- style.scss _____________________________ # Application style using css modules


webpack
|- paths.js ________________________________ # webpack paths needed
|- webpack.common.js _______________________ # common webpack config
|- webpack.dev.js __________________________ # development config
|- webpack.prod.js _________________________ # production config      

Installation

1- Clone the boilerplate repo

git clone git@github.com:HashemKhalifa/webpack-js-boilerplate.git

2- yarn or npm install to install npm packages

3- start dev server using yarn start or npm start.

3- build and bundling your resources for production yarn build.

4- Unit testing will watch all your changes in the test files as well as create coverage folder for you. yarn test

Configuration

  • Webpack Config paths based on your file structure you can go to webpack/paths.js and modify the source and file names based on your need.
  • webpack/webpack.common.js config common webpack for both dev and production environments.
  • webpack/webpack.dev.js config webpack for dev environment.
  • webpack/webpack.prod.js config webpack for production environment.
  • /webpack.config.js main webpack config that merge common and webpack environment based config.
  • Prettier config /.prettierc.
  • Browsers list config /.browserslistrc.

Technologies used

About

Minimal JS boilerplate, build and run. using latest version of technologies like babel 7 webpack 4, prettier

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published