https://github.com/rwieruch/react-webpack-babel-sophisticated

A React in Webpack and Babel Setup.
https://github.com/rwieruch/react-webpack-babel-sophisticated

babel babel-setup chai enzyme less mocha react testing webpack webpack3

Last synced: 7 days ago
JSON representation

A React in Webpack and Babel Setup.

• Host: GitHub
• URL: https://github.com/rwieruch/react-webpack-babel-sophisticated
• Owner: rwieruch
• Created: 2018-01-22T15:16:43.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2018-10-25T05:43:42.000Z (over 6 years ago)
• Last Synced: 2025-04-11T11:04:20.056Z (11 days ago)
• Topics: babel, babel-setup, chai, enzyme, less, mocha, react, testing, webpack, webpack3
• Language: JavaScript
• Homepage: https://www.robinwieruch.de/minimal-react-webpack-babel-setup/
• Size: 171 KB
• Stars: 6
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# react-webpack-babel-sophisticated

[![Build Status](https://travis-ci.org/rwieruch/react-webpack-babel-sophisticated.svg?branch=master)](https://travis-ci.org/rwieruch/react-webpack-babel-sophisticated) [![Slack](https://slack-the-road-to-learn-react.wieruch.com/badge.svg)](https://slack-the-road-to-learn-react.wieruch.com/)

* How to start to build your own: [The Minimal React Webpack Babel Setup](https://www.robinwieruch.de/minimal-react-webpack-babel-setup/)

* Where to find a minimal version of it? [Here](https://github.com/rwieruch/minimal-react-webpack-babel-setup)! Where to get to know all the advanced stuff? [Here](https://webpack.academy/)!

## Features

* React 16

* Webpack 3

* Babel

* Staging ES Next Features

* Hot Module Replacement

* Devevelopment and Production Scripts

* Source Maps

* Less Support, but exchangeable with Sass

  * install sass-loader

  * install adjust webpack config

  * adjust .less extension and content

* Image Support

* Optimization

  * Uglify

  * Compression

* Analyze Bundle

  * Bundle Analyzer

  * Bundle Visualizer

* Tests

  * Mocha

  * Chai

  * Enzyme

  * Sinon

## Installation

* `git clone [email protected]:rwieruch/react-webpack-babel-sophisticated.git`

* `cd react-webpack-babel-sophisticated`

* `npm install`

* `npm start`

* visit `http://localhost:8080/`

## Other Scripts

* `npm run build` (build application in dist folder)

* `npm run test` (test application once)

* `npm run test:watch` (watch changing tests)

* `npm run dev:bundleanalyze` (analyze dev bundle in browser)

* `npm run build:bundleanalyze` (analyze build bundle in browser)

* `npm run build:bundlevisualizer` (generate a stats HTML file to visualize bundles)