modern preset config; reduces payload dramatically

after investigating if builds could be smaller, basic syntax support for outdated browser tech w defaults is causing a lot of module bloat. Poly-fill transforms explicitly need to be excluded for base features

Author: rob2d

.babelrc

@@ -1,5 +1,34 @@
 {
     "presets": [
-        "@babel/preset-env"
+        [
+            "@babel/preset-env",
+            {
+                "targets": {
+                    "browsers": "last 2 versions, not ie 11",
+                    "node": "20"
+                },
+                "exclude": [
+                    "@babel/plugin-proposal-optional-chaining",
+                    "transform-destructuring",
+                    "transform-typeof-symbol",
+                    "transform-parameters",
+                    "transform-for-of",
+                    "transform-regenerator",
+                    "transform-object-rest-spread"
+                ]
+            }
+        ]
+    ],
+    "plugins": [
+        [
+            "@babel/plugin-transform-runtime",
+            {
+                "helpers": true,
+                "regenerator": false
+            }
+        ]
+    ],
+    "ignore": [
+        "**/*.test.js"
     ]
 }

package.json

@@ -1,12 +1,13 @@
 {
   "name": "use-viewport-sizes",
-  "version": "0.7.3",
+  "version": "0.8.0",
   "description": "a tiny TS-compatible React hook which allows you to track visible window viewport size in your components w/ an optional debounce, throttle or custom memo function for updates for optimal rendering.",
   "main": "./build/index.js",
   "types": "./build/index.d.ts",
   "scripts": {
     "start": "webpack --watch --mode development",
     "build": "webpack --mode production",
+    "build:babel": "babel src --out-dir build --extensions \".js\"",
     "dev": "webpack-dev-server --env testServer --mode development --open",
     "prepublishOnly": "npm run build",
     "test": "node --experimental-vm-modules node_modules/jest/bin/jest.js --coverage"

webpack.config.js

@@ -15,7 +15,7 @@ module.exports = {
         include: path.resolve(__dirname, 'src'),
         exclude: /(node_modules|bower_components|build)/,
         use: {
-          loader: 'babel-loader'
+          loader: 'babel-loader',
         }
       }
     ]