Added rollup config for babel with react

Author: amareshsm

Diff for: .babelrc

@@ -0,0 +1,15 @@
+{
+    "presets": [
+        [
+            "@babel/env",
+            {
+                "modules": false,
+                "targets": {
+                    "browsers": "> 0.25%, ie 11, not op_mini all, not dead",
+                    "node": 8
+                }
+            }
+        ],
+        "@babel/react"
+    ]
+}

Diff for: .eslintignore

@@ -0,0 +1,3 @@
+dist
+
+node_modules

Diff for: .gitignore

@@ -1 +1,3 @@
+dist
+
 node_modules

Diff for: .prettierignore

@@ -0,0 +1,3 @@
+dist
+
+node_modules

Diff for: package-lock.json

@@ -4,6 +4,8 @@
   "description": "React Spinner CSS",
   "main": "index.js",
   "scripts": {
+    "prebuild": "rimraf dist",
+    "build": "rollup -c",
     "format": "eslint **/*.js  && prettier **/*.js",
     "format:fix": "eslint **/*.js --fix && prettier **/*.js --write"
   },
@@ -34,6 +36,10 @@
   },
   "homepage": "https://github.com/amareshsm/react-spinner-css#readme",
   "devDependencies": {
+    "@babel/core": "^7.10.5",
+    "@babel/preset-env": "^7.10.4",
+    "@babel/preset-react": "^7.10.4",
+    "@rollup/plugin-babel": "^5.1.0",
     "eslint": "^7.5.0",
     "eslint-config-prettier": "^6.11.0",
     "eslint-config-standard": "^14.1.1",
@@ -44,9 +50,13 @@
     "eslint-plugin-react": "^7.20.3",
     "eslint-plugin-standard": "^4.0.1",
     "husky": "^4.2.5",
-    "lint-staged": "^10.2.11"
+    "lint-staged": "^10.2.11",
+    "rimraf": "^3.0.2",
+    "rollup": "^2.22.2",
+    "rollup-plugin-node-resolve": "^5.2.0",
+    "rollup-plugin-terser": "^6.1.0"
   },
   "dependencies": {
     "prettier": "^2.0.5"
   }
-}
+}

Diff for: package.json

@@ -0,0 +1,37 @@
+import babel from '@rollup/plugin-babel'
+import resolve from 'rollup-plugin-node-resolve'
+import { terser } from 'rollup-plugin-terser'
+
+const dist = 'dist'
+const bundle = 'bundle'
+const production = !process.env.ROLLUP_WATCH
+
+export default {
+  input: 'src/index.js',
+  external: ['react'],
+  output: [
+    {
+      file: `${dist}/${bundle}.cjs.js`,
+      format: 'cjs',
+    },
+    {
+      file: `${dist}/${bundle}.esm.js`,
+      format: 'esm',
+    },
+    {
+      name: 'ReactSpinnerCSS',
+      file: `${dist}/${bundle}.umd.js`,
+      globals: {
+        react: 'React',
+      },
+      format: 'umd',
+    },
+  ],
+  plugins: [
+    resolve(),
+    babel({
+      exclude: 'node_modules/**',
+    }),
+    production && terser(),
+  ],
+}

Diff for: rollup.config.js

@@ -1 +1,5 @@
-console.log('hello' + 'world');
+import React from 'react'
+
+const Spinner = (props) => <h1>Spinners</h1>
+
+export default Spinner