Added Rollup config

Author: Genarito

package-lock.json

@@ -1,19 +1,20 @@
 {
   "name": "neo-react-semantic-ui-range",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "description": "A modern Semantic/Fomantic UI Slider component for React",
   "scripts": {
-    "build": "del 'dist/*' && npx tsc && npm run copy-styles",
-    "copy-styles": "copyfiles -u 1 src/*.css dist/",
+    "rollup": "rollup -c",
+    "build": "del 'dist/*' && npm run rollup",
     "lint": "eslint ./src/**/*.{ts,tsx,js}",
     "upload": "npm run build && npm publish",
     "storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook -o docs-build"
   },
-  "main": "dist/index.js",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
   "types": "dist/index.d.ts",
   "files": [
-    "/dist"
+    "dist"
   ],
   "author": "Ramiro Federico Lasorsa <[email protected]>",
   "contributors": [
@@ -42,8 +43,7 @@
     "jsdoc": "^3.6.7",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "react-scripts": "4.0.3",
-    "typescript": "^4.3.5"
+    "react-scripts": "4.0.3"
   },
   "eslintConfig": {
     "extends": [
@@ -74,6 +74,9 @@
     ]
   },
   "devDependencies": {
+    "@rollup/plugin-commonjs": "^21.0.3",
+    "@rollup/plugin-node-resolve": "^13.1.3",
+    "@rollup/plugin-typescript": "^8.3.1",
     "@storybook/addon-actions": "^6.4.19",
     "@storybook/addon-essentials": "^6.4.19",
     "@storybook/addon-interactions": "^6.4.19",
@@ -94,6 +97,12 @@
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^5.1.1",
     "eslint-plugin-react": "^7.27.1",
-    "eslint-plugin-storybook": "^0.5.7"
+    "eslint-plugin-storybook": "^0.5.7",
+    "rollup": "^2.70.1",
+    "rollup-plugin-dts": "^4.2.0",
+    "rollup-plugin-scss": "^3.0.0",
+    "sass": "^1.49.11",
+    "tslib": "^2.3.1",
+    "typescript": "^4.6.3"
   }
 }

package.json

@@ -0,0 +1,40 @@
+import resolve from '@rollup/plugin-node-resolve'
+import commonjs from '@rollup/plugin-commonjs'
+import typescript from '@rollup/plugin-typescript'
+import dts from 'rollup-plugin-dts'
+import scss from 'rollup-plugin-scss'
+
+const packageJson = require('./package.json')
+
+export default [
+  {
+    input: 'src/index.ts',
+    output: [
+      {
+        file: packageJson.main,
+        format: 'cjs',
+        sourcemap: true
+      },
+      {
+        file: packageJson.module,
+        format: 'esm',
+        sourcemap: true
+      }
+    ],
+    plugins: [
+      resolve(),
+      commonjs(),
+      typescript({ tsconfig: './tsconfig.json' }),
+      scss({
+        output: 'dist/styles.min.css',
+        outputStyle: 'compressed'
+      })
+    ]
+  },
+  {
+    input: 'dist/esm/types/index.d.ts',
+    output: [{ file: 'dist/index.d.ts', format: 'esm' }],
+    external: [/\.s?css$/],
+    plugins: [dts()]
+  }
+]