feat: updated to react 17, webpack 5 and lowered filesize with dependencies to under 250mb.

Author: pgerochi

README.md

@@ -5,16 +5,10 @@
 
 
 <p align="center">
-  Tired of complicated starters with 200MB of dependencies which are hard to understand and modify? This is for you!
+  Tired of complicated starters with more than 250MB of dependencies which are hard to understand and modify? This is for you!
   This is a simple react application without redux, stylesheets or other set frameworks. It's only meant to get you started and the rest if up to you. Our goal for is to keep things simple and give you the freedom to select your own frameworks to add on top of this one.
 </p>
 
-
-<div class="center">
-  [![Dependency Status](https://img.shields.io/david/ReactJSResources/react-webpack-babel.svg)](https://david-dm.org/dylang/npm-check)
-</div>  
-
-
 ### Demo
 https://murmuring-fjord-36537.herokuapp.com/
 

config/webpack.config.js

@@ -23,9 +23,13 @@ const config = {
     new HtmlWebpackPlugin({
       template: path.join(SRC_DIRECTORY, 'index.html')
     }),
-    new CopyWebpackPlugin([
-      { from: path.join(SRC_DIRECTORY, 'assets'), to: path.join(ROOT_DIRECTORY, 'build') }
-    ])
+    new CopyWebpackPlugin(
+      {
+        patterns: [
+          { from: path.join(SRC_DIRECTORY, 'assets'), to: path.join(ROOT_DIRECTORY, 'build') }
+        ]
+      }
+    )
   ],
   module: {
     rules: [

config/webpack.config.production.js

@@ -1,19 +1,4 @@
 const config = require('./webpack.config.js')
-const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
 
 config.mode = 'production'
-
-config.optimization = {
-  splitChunks: {
-    chunks: 'all'
-  }
-}
-
-config.plugins = config.plugins.concat([
-  new UglifyJsPlugin({
-    sourceMap: true,
-    extractComments: true
-  })
-])
-
 module.exports = config

package-lock.json

@@ -12,7 +12,7 @@
     "sass": "node-sass src/styles/index.scss build/index.css --output-style compressed",
     "build": "npm run clean && npm run sass && npm run webpack",
     "lint": "eslint src config",
-    "dev": " webpack-dashboard -- webpack-dev-server --config config/webpack.config.dev.js",
+    "dev": "webpack-cli serve --mode development --config config/webpack.config.dev.js",
     "test": "export NODE_ENV=test && jest",
     "start": "serve -s build"
   },
@@ -24,43 +24,32 @@
   "license": "MIT",
   "homepage": "https://github.com/ReactJSResources/react-webpack-babel#readme",
   "dependencies": {
-    "@babel/cli": "^7.8.3",
-    "@babel/core": "^7.8.3",
-    "@babel/polyfill": "^7.8.3",
-    "@babel/preset-env": "^7.8.3",
-    "@babel/preset-react": "^7.8.3",
-    "autoprefixer": "^9.7.4",
-    "babel-eslint": "^10.0.3",
-    "babel-loader": "^8.0.6",
+    "@babel/core": "^7.12.3",
+    "@babel/polyfill": "^7.12.1",
+    "@babel/preset-env": "^7.12.1",
+    "@babel/preset-react": "^7.12.5",
+    "autoprefixer": "^10.0.2",
+    "babel-loader": "^8.2.0",
     "babel-plugin-module-resolver": "^4.0.0",
-    "babel-polyfill": "6.26.0",
-    "copy-webpack-plugin": "^5.1.1",
-    "css-loader": "^3.4.2",
+    "copy-webpack-plugin": "^6.3.0",
+    "css-loader": "^5.0.1",
     "enzyme": "^3.11.0",
-    "enzyme-adapter-react-16": "^1.15.2",
-    "eslint-import-resolver-babel-module": "^5.1.2",
-    "eslint-plugin-jest": "^23.6.0",
-    "file-loader": "^5.0.2",
+    "enzyme-adapter-react-16": "^1.15.5",
+    "file-loader": "^5.1.0",
     "history": "^4.10.1",
-    "html-webpack-plugin": "^3.2.0",
+    "html-webpack-plugin": "^4.5.0",
     "jest": "^24.9.0",
-    "mini-css-extract-plugin": "^0.9.0",
-    "node-sass": "^4.13.1",
-    "postcss-cli": "^6.1.3",
-    "react": "^16.12.0",
-    "react-dom": "^16.12.0",
-    "react-router-dom": "^5.1.2",
-    "sass-loader": "^8.0.2",
-    "semantic-release": "^15.14.0",
-    "serve": "^11.3.0",
-    "shx": "^0.3.2",
-    "style-loader": "^1.1.3",
-    "uglifyjs-webpack-plugin": "^2.2.0",
-    "url-loader": "^3.0.0",
-    "webpack": "^4.41.5",
-    "webpack-cli": "^3.3.10",
-    "webpack-dashboard": "^3.2.0",
-    "webpack-dev-server": "^3.10.1"
+    "node-sass": "^5.0.0",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
+    "react-router-dom": "^5.2.0",
+    "sass-loader": "^10.0.5",
+    "serve": "^11.3.2",
+    "shx": "^0.3.3",
+    "style-loader": "^2.0.0",
+    "webpack": "^5.4.0",
+    "webpack-cli": "^4.2.0",
+    "webpack-dev-server": "^3.11.0"
   },
   "jest": {
     "verbose": true,
@@ -81,11 +70,11 @@
   },
   "devDependencies": {
     "eslint": "^6.8.0",
-    "eslint-config-standard": "^14.1.0",
-    "eslint-plugin-import": "^2.20.0",
-    "eslint-plugin-node": "^11.0.0",
+    "eslint-config-standard": "^14.1.1",
+    "eslint-plugin-import": "^2.22.1",
+    "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^4.2.1",
-    "eslint-plugin-react": "^7.18.0",
-    "eslint-plugin-standard": "^4.0.1"
+    "eslint-plugin-react": "^7.21.5",
+    "eslint-plugin-standard": "^4.1.0"
   }
 }