Use babel to prepare the lib directory as an alternative to webpack's umd mode

Author: wbazant

package.json

@@ -5,7 +5,7 @@
   "description": "A React higher order component that will debounce the rendering of your React components",
   "main": "lib/index.js",
   "scripts": {
-    "prepublish": "webpack",
+    "prepublishOnly": "rm -rf lib && babel src -d lib --copy-files",
     "test": "cd e2e; CI=true npm test; cd .."
   },
   "keywords": [
@@ -17,15 +17,17 @@
   ],
   "author": "Olivier Scherrer <[email protected]>",
   "license": "MIT",
-  "dependencies": {},
+  "dependencies": {
+    "lodash": "^4.17.4",
+    "react": "^15.6.1"
+  },
   "devDependencies": {
+    "babel-cli": "^6.24.1",
     "babel-core": "^6.25.0",
     "babel-loader": "^7.0.0",
     "babel-preset-es2015": "^6.24.1",
     "babel-preset-react": "^6.24.1",
-    "babel-preset-stage-0": "^6.24.1",
-    "lodash.debounce": "^4.0.8",
-    "webpack": "^2.6.1"
+    "babel-preset-stage-0": "^6.24.1"
   },
   "repository": {
     "type": "git",

src/index.js

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import debounce from 'lodash.debounce';
+import {debounce} from 'lodash';
 
 module.exports = function debounceRender(ComponentToDebounce, ...debounceArgs) {
     return class DebouncedContainer extends Component {
@@ -28,4 +28,4 @@ module.exports = function debounceRender(ComponentToDebounce, ...debounceArgs) {
             return <ComponentToDebounce { ...this.state } />;
         }
     }
-};
+};