reduce bundle size and add prop-types to dep

Author: mohsinulhaq

.size-snapshot.json

@@ -1,30 +1,25 @@
 {
-  "dist/react-popper-tooltip.js": {
-    "bundled": 16587,
-    "minified": 7824,
-    "gzipped": 2402
+  "dist/index.js": {
+    "bundled": 6280,
+    "minified": 6280,
+    "gzipped": 1974
   },
-  "dist/react-popper-tooltip.min.js": {
-    "bundled": 7824,
-    "minified": 7824,
-    "gzipped": 2402
+  "lib/cjs/index.js": {
+    "bundled": 11982,
+    "minified": 6536,
+    "gzipped": 1904
   },
-  "lib/index.cjs.js": {
-    "bundled": 12754,
-    "minified": 7979,
-    "gzipped": 1986
-  },
-  "lib/index.esm.js": {
-    "bundled": 12342,
-    "minified": 7648,
-    "gzipped": 1923,
+  "lib/esm/index.js": {
+    "bundled": 11940,
+    "minified": 6518,
+    "gzipped": 1906,
     "treeshaked": {
       "rollup": {
-        "code": 6202,
-        "import_statements": 697
+        "code": 6028,
+        "import_statements": 361
       },
       "webpack": {
-        "code": 7775
+        "code": 7329
       }
     }
   }

babel.config.js

@@ -3,13 +3,11 @@ module.exports = {
     [
       '@babel/env',
       {
-        modules: false
+        modules: false,
+        loose: true
       }
     ],
-    ['@babel/react']
+    '@babel/react'
   ],
-  plugins: [
-    '@babel/plugin-proposal-class-properties',
-    'transform-react-remove-prop-types'
-  ]
+  plugins: [['@babel/proposal-class-properties', { loose: true }]]
 };

package.json

@@ -7,9 +7,9 @@
     "type": "git",
     "url": "https://github.com/mohsinulhaq/react-popper-tooltip"
   },
-  "browser": "dist/react-popper-tooltip.min.js",
-  "main": "lib/index.cjs.js",
-  "module": "lib/index.esm.js",
+  "browser": "lib/cjs/index.js",
+  "module": "lib/esm/index.js",
+  "unpkg": "dist/index.js",
   "style": "dist/styles.css",
   "typings": "typings/react-popper-tooltip.d.ts",
   "files": [
@@ -19,7 +19,7 @@
   ],
   "scripts": {
     "build": "rimraf dist lib && rollup -c && cp src/styles.css dist",
-    "prepublishOnly": "yarn lint && yarn build && yarn docs:deploy",
+    "prepublishOnly": "yarn lint && yarn build",
     "docs": "docz dev",
     "docs:build": "docz build",
     "docs:deploy": "yarn docs:build && cp .docz/dist/index.html .docz/dist/404.html && gh-pages -d .docz/dist",
@@ -101,6 +101,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.0.0",
+    "prop-types": "^15.6.2",
     "react-popper": "^1.0.2"
   },
   "devDependencies": {
@@ -111,7 +112,6 @@
     "@babel/preset-env": "^7.1.0",
     "@babel/preset-react": "^7.0.0",
     "babel-eslint": "^9.0.0",
-    "babel-plugin-transform-react-remove-prop-types": "^0.4.18",
     "docz": "^0.11.2",
     "docz-plugin-css": "^0.11.0",
     "eslint": "^5.6.0",
@@ -122,7 +122,6 @@
     "gh-pages": "^2.0.0",
     "pre-commit": "^1.2.2",
     "prettier": "^1.14.3",
-    "prop-types": "^15.6.2",
     "react": "^16.5.2",
     "react-dom": "^16.5.2",
     "rimraf": "^2.6.2",
@@ -132,5 +131,6 @@
     "rollup-plugin-node-resolve": "^3.4.0",
     "rollup-plugin-size-snapshot": "^0.7.0",
     "rollup-plugin-terser": "^3.0.0"
-  }
+  },
+  "sideEffects": false
 }

rollup.config.js

@@ -25,9 +25,10 @@ export default [
     input,
     output: {
       name,
-      file: 'dist/react-popper-tooltip.js',
+      file: 'dist/index.js',
       format: 'iife',
-      globals
+      globals,
+      interop: false
     },
     external: Object.keys(globals),
     plugins: [
@@ -39,40 +40,27 @@ export default [
         include: 'node_modules/**'
       }),
       babel(getBabelOptions()),
+      terser(),
       sizeSnapshot()
     ]
   },
   {
     input,
     output: {
-      name,
-      file: 'dist/react-popper-tooltip.min.js',
-      format: 'iife',
-      globals
+      file: pkg.browser,
+      format: 'cjs',
+      interop: false
     },
-    external: Object.keys(globals),
-    plugins: [
-      resolve({
-        browser: true,
-        modulesOnly: true
-      }),
-      commonjs({
-        include: 'node_modules/**'
-      }),
-      babel(getBabelOptions()),
-      terser(),
-      sizeSnapshot()
-    ]
-  },
-  {
-    input,
-    output: { file: pkg.main, format: 'cjs' },
     external,
     plugins: [babel(getBabelOptions({ useESModules: false })), sizeSnapshot()]
   },
   {
     input,
-    output: { file: pkg.module, format: 'esm' },
+    output: {
+      file: pkg.module,
+      format: 'esm',
+      interop: false
+    },
     external,
     plugins: [babel(getBabelOptions()), sizeSnapshot()]
   }