Migration to 5 version D3

.babelrc

@@ -1,3 +1,3 @@
 {
-    "presets": ["es2015", "stage-0", "react"]
+    "presets": ["env", "stage-0", "react"]
 }

README.md

@@ -29,7 +29,11 @@ Let React have complete control over the DOM even when using D3. This way we can
 
 ## Installation
 ```
-npm install react-d3-components
+# for d3 version 5
+npm install react-d3-components d3-array@1 d3-scale@2 d3-scale-chromatic@1 d3-shape@1
+
+# for d3 version 3
+npm install react-d3-components@0
 ```
 
 ## Development

config/webpack.config.base.js

@@ -0,0 +1,27 @@
+const path = require('path');
+
+module.exports = {
+    entry: path.resolve(__dirname, '../src/index.jsx'),
+    output: {
+        library: 'ReactD3',
+        libraryTarget: 'umd',
+        path: path.resolve(__dirname, '../dist')
+    },
+    module: {
+        rules: [
+            {
+                test: /.jsx$/,
+                loader: 'babel-loader',
+                include: path.resolve(__dirname, '../src')
+            }
+        ]
+    },
+    resolve: {
+        extensions: ['.js', '.jsx']
+    },
+    externals: {
+        d3: true,
+        react: 'React',
+        'react-dom': 'ReactDOM'
+    }
+};

config/webpack.config.dev.js

@@ -0,0 +1,9 @@
+const merge = require('webpack-merge');
+
+module.exports = merge(require('./webpack.config.base'), {
+    mode: 'development',
+    devtool: 'eval',
+    output: {
+        filename: 'react-d3-components.js'
+    }
+});

config/webpack.config.prod.js

@@ -0,0 +1,26 @@
+const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
+const merge = require('webpack-merge');
+const {
+    optimize: { OccurrenceOrderPlugin, AggressiveMergingPlugin }
+} = require('webpack');
+
+module.exports = merge(require('./webpack.config.base'), {
+    mode: 'production',
+    devtool: 'source-map',
+    output: {
+        filename: 'react-d3-components.min.js',
+        sourceMapFilename: 'react-d3-components.js.map'
+    },
+    plugins: [
+        new OccurrenceOrderPlugin(),
+        new AggressiveMergingPlugin(),
+        new UglifyJsPlugin({
+            sourceMap: true,
+            uglifyOptions: {
+                compress: {
+                    warnings: false
+                }
+            }
+        })
+    ]
+});