https://github.com/denishrana09/react-webpack
React App with Webpack
https://github.com/denishrana09/react-webpack
react-webpack react-webpack-starterkit webpack webpack4
Last synced: about 1 month ago
JSON representation
React App with Webpack
- Host: GitHub
- URL: https://github.com/denishrana09/react-webpack
- Owner: denishrana09
- Created: 2019-03-14T10:17:15.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2019-03-15T05:28:47.000Z (over 7 years ago)
- Last Synced: 2025-01-13T11:51:13.101Z (over 1 year ago)
- Topics: react-webpack, react-webpack-starterkit, webpack, webpack4
- Language: JavaScript
- Size: 236 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Webpack Starter
This is a boilerplate for React 16 & Webpack 4.
It includes webpack-dev-server, babel, file-loader,css and scss loader.
## Quick Start
``` bash
# Install dependencies
npm install
# Serve on localhost:3000
npm start
# Build for production
npm run build
```
## App Info
### Author
Denish Rana
### Version
1.0.0
### things you need to know
## webpack-dev-server:
The webpack-dev-server provides you with a simple web server and the ability to use live reloading.
## clean-webpack-plugin:
A webpack plugin to remove/clean your build folder(s).
By default, this plugin will remove all files inside webpack's output.path directory, as well as all unused webpack assets after every successful rebuild.
## html-webpack-plugin:
if we changed the name of one of our entry points, or even added a new one, the generated bundles would be renamed on a build, but our index.html file would still reference the old names
HtmlWebpackPlugin by default will generate its own index.html file, even though we already have one in the dist/ folder. This means that it will replace our index.html file with a newly generated one.
## mini-css-extract-plugin:
This plugin extracts CSS into separate files. It creates a CSS file per JS file which contains CSS. It supports On-Demand-Loading of CSS and SourceMaps.
It builds on top of a new webpack v4 feature (module types) and requires webpack 4 to work.
## HotModuleReplacementPlugin:
Hot Module Replacement (or HMR) is one of the most useful features offered by webpack. It allows all kinds of modules to be updated at runtime without the need for a full refresh.