Use rollup and babel to generate the builds

Expose es6 build.

Author: tusbar

.babelrc

@@ -1,7 +1,28 @@
 {
-  "presets": [
-    "es2015",
-    "react",
-    "stage-1"
-  ]
+  "env": {
+    "development": {
+      "presets": [
+        ["es2015", { "modules": "commonjs", "loose": true }],
+        "react",
+        "stage-1"
+      ]
+    },
+    "rollup": {
+      "presets": [
+        ["es2015", { "modules": false, "loose": true }],
+        "react",
+        "stage-1"
+      ],
+      "plugins": [
+        "external-helpers"
+      ]
+    },
+    "jsnext": {
+      "presets": [
+        ["es2015", { "modules": false, "loose": true }],
+        "react",
+        "stage-1"
+      ]
+    }
+  }
 }

.gitignore

@@ -19,6 +19,7 @@ node_modules
 # Build directories
 lib
 dist
+es
 
 # Example build directory
 example/dist

.npmignore

@@ -6,3 +6,4 @@ src
 .eslintrc
 .travis.yml
 bower.json
+rollup.config.js

package.json

@@ -3,6 +3,8 @@
   "version": "2.5.7",
   "description": "react-chartjs-2",
   "main": "lib/index.js",
+  "module": "es/index.js",
+  "jsnext:main": "es/index.js",
   "author": "Jeremy Ayerst",
   "homepage": "https://github.com/jerairrest/react-chartjs-2",
   "repository": {
@@ -19,8 +21,10 @@
   },
   "devDependencies": {
     "@kadira/storybook": "^2.35.3",
+    "babel-cli": "^6.26.0",
     "babel-core": "^6.18.2",
     "babel-eslint": "^4.1.3",
+    "babel-plugin-external-helpers": "^6.22.0",
     "babel-preset-es2015": "^6.13.2",
     "babel-preset-react": "^6.11.1",
     "babel-preset-stage-1": "^6.13.0",
@@ -44,6 +48,12 @@
     "react-addons-test-utils": "^15.3.2",
     "react-component-gulp-tasks": "git+https://github.com/gor181/react-component-gulp-tasks.git",
     "react-dom": "^0.14 || ^15.0.0-rc || ^15.0",
+    "rimraf": "^2.6.1",
+    "rollup": "^0.47.6",
+    "rollup-plugin-babel": "^3.0.2",
+    "rollup-plugin-commonjs": "^8.1.0",
+    "rollup-plugin-node-resolve": "^3.0.0",
+    "rollup-plugin-uglify": "^2.0.1",
     "sinon": "^1.17.6"
   },
   "peerDependencies": {
@@ -57,7 +67,12 @@
     "chart.js": "global:Chart"
   },
   "scripts": {
-    "build": "gulp clean && cross-env NODE_ENV=production gulp build",
+    "clean": "rimraf lib es dist",
+    "build:cjs": "babel src --out-dir lib",
+    "build:es": "cross-env BABEL_ENV=jsnext babel src --out-dir es",
+    "build:umd": "cross-env BABEL_ENV=rollup NODE_ENV=development rollup -c -o dist/react-chartjs-2.js",
+    "build:umd:min": "cross-env BABEL_ENV=rollup NODE_ENV=production rollup -c -o dist/react-chartjs-2.min.js",
+    "build": "npm run clean && npm run build:cjs && npm run build:es && npm run build:umd && npm run build:umd:min",
     "examples": "gulp dev:server",
     "lint": "eslint ./; true",
     "publish:site": "cross-env NODE_ENV=production gulp publish:examples",

rollup.config.js

@@ -0,0 +1,40 @@
+import nodeResolve from 'rollup-plugin-node-resolve';
+import babel from 'rollup-plugin-babel';
+import commonjs from 'rollup-plugin-commonjs';
+import uglify from 'rollup-plugin-uglify';
+
+const env = process.env.NODE_ENV;
+
+const config = {
+  entry: 'src/index.js',
+  external: ['chart.js', 'react'],
+  globals: {
+    'chart.js': 'Chart',
+    react: 'React'
+  },
+  exports: 'named',
+  format: 'umd',
+  moduleName: 'ReactChartjs2',
+  plugins: [
+    nodeResolve(),
+    babel({
+      exclude: '**/node_modules/**',
+    }),
+    commonjs(),
+  ],
+};
+
+if (env === 'production') {
+  config.plugins.push(
+    uglify({
+      compress: {
+        pure_getters: true,
+        unsafe: true,
+        unsafe_comps: true,
+        warnings: false
+      },
+    }),
+  );
+}
+
+export default config;