fix webpack packaging and quick guide

Author: wfbn8821

README.md

@@ -1 +1,47 @@
 # react-card-scroll
+A React component to horizontally navigate between components of same width (Bootstrap cards for example)
+It is responsive and support card adds and removes with `getCardCount` function.
+For example you can have 3 cards on the screen and there is a total of 5 cards, you can navigate right or left to the cards not displayed
+You resize and you display only 2 cards, you can still navigate to the other cards
+
+## Installation
+```bash
+npm i -S react-card-scroll
+```
+
+## Usage
+
+```jsx
+<CardScroll getCardWidth={getCardWidth} getCardCount={getCardCount}>
+    <div className="col-sm-6 col-md-4">
+    </div>
+    
+    <div className="col-sm-6 col-md-4">
+    </div>
+    
+    <div className="col-sm-6 col-md-4">
+    </div>
+    
+    <div className="col-sm-6 col-md-4">
+    </div>
+    
+    <div className="col-sm-6 col-md-4">
+    </div>
+</CardScroll>
+```
+
+From parent, trigger navigation when you want (add, remove cards):
+
+```javascript
+this.refs.cardScroll.scrollCards({toLeft: true, number:1})
+```
+
+## TODO
+- [ ] Tests
+- [ ] Example
+- Features
+    - [ ] CSS arrows
+    - [ ] Disable arrows if unable to navigate
+- Technical
+    - [ ] CSS loader
+    - [ ] Improve packaging

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-card-scroll",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "A React component to navigate horizontally between cards of same width",
   "main": "dist/bundle.js",
   "scripts": {

webpack.config.js

@@ -4,7 +4,8 @@ module.exports = {
     entry: "./src/index.js",
     output: {
         path: path.join(__dirname, './dist'),
-        filename: "bundle.js"
+        filename: "bundle.js",
+        libraryTarget: "commonjs2"
     },
     module: {
         loaders: [