add cjs and es modules

package.json

@@ -2,7 +2,9 @@
   "name": "frappe-charts",
   "version": "0.0.1",
   "description": "https://frappe.github.io/charts",
-  "main": "dist/frappe-charts.js",
+  "main": "dist/frappe-charts.min.cjs.js",
+  "module": "dist/frappe-charts.min.esm.js",
+  "browser": "dist/frappe-charts.min.iife.js",
   "directories": {
     "doc": "docs"
   },

rollup.config.js

@@ -10,15 +10,21 @@ import nested from 'postcss-nested';
 import cssnext from 'postcss-cssnext';
 import cssnano from 'cssnano';
 
+import pkg from './package.json';
+
 export default [
 	{
 		input: 'src/scripts/charts.js',
-		output: {
+		output: [
-			file: 'dist/frappe-charts.min.js',
+			{
-			format: 'iife',
+				file: pkg.main,
-		},
+				format: 'cjs',
-		name: 'Chart',
+			},
-		sourcemap: 'true',
+			{
+				file: pkg.module,
+				format: 'es',
+			}
+		],
 		plugins: [
 			postcss({
 				extensions: [ '.less' ],
@@ -39,18 +45,23 @@ export default [
 			replace({
 				exclude: 'node_modules/**',
 				ENV: JSON.stringify(process.env.NODE_ENV || 'development'),
-			}),
+			})
-			uglify()
+			// uglify()
 		],
 	},
 	{
 		input: 'src/scripts/charts.js',
-		output: {
+		output: [
-			file: 'docs/assets/js/frappe-charts.min.js',
+			{
-			format: 'iife',
+				file: 'docs/assets/js/frappe-charts.min.js',
-		},
+				format: 'iife',
+			},
+			{
+				file: pkg.browser,
+				format: 'iife',
+			}
+		],
 		name: 'Chart',
-		sourcemap: 'false',
 		plugins: [
 			postcss({
 				extensions: [ '.less' ],