Using rollup in dedicated folder

Author: guillaumebriday

README.md

@@ -86,7 +86,7 @@ With :
 ## Project setup
 ```bash
 $ yarn install
-$ yarn build -w
+$ yarn build
 ```
 
 ## Open example app

build/rollup.config.base.js

@@ -0,0 +1,23 @@
+import resolve from 'rollup-plugin-node-resolve'
+import commonjs from 'rollup-plugin-commonjs'
+import vue from 'rollup-plugin-vue'
+import babel from 'rollup-plugin-babel'
+
+export default {
+  input: 'src/main.js',
+  output: {
+    name: 'VueScrollProgressBar',
+    exports: 'named'
+  },
+  plugins: [
+    resolve(),
+    commonjs(),
+    vue({
+      css: true,
+      compileTemplate: true
+    }),
+    babel({
+      exclude: 'node_modules/**'
+    })
+  ]
+}

build/rollup.config.browser.js

@@ -0,0 +1,15 @@
+import base from './rollup.config.base'
+import { terser } from 'rollup-plugin-terser'
+import pkg from '../package.json'
+
+const config = Object.assign({}, base, {
+  output: {
+    file: pkg.unpkg,
+    format: 'iife',
+    ...base.output
+  }
+})
+
+config.plugins.push(terser())
+
+export default config

build/rollup.config.es.js

@@ -0,0 +1,12 @@
+import base from './rollup.config.base'
+import pkg from '../package.json'
+
+const config = Object.assign({}, base, {
+  output: {
+    file: pkg.module,
+    format: 'es',
+    ...base.output
+  }
+})
+
+export default config

build/rollup.config.umd.js

@@ -0,0 +1,12 @@
+import base from './rollup.config.base'
+import pkg from '../package.json'
+
+const config = Object.assign({}, base, {
+  output: {
+    file: pkg.main,
+    format: 'iife',
+    ...base.output
+  }
+})
+
+export default config

package.json

@@ -7,9 +7,12 @@
   "module": "dist/vue-scroll-progress-bar.es.js",
   "unpkg": "dist/vue-scroll-progress-bar.min.js",
   "scripts": {
-    "build": "BABEL_ENV=build rollup -c",
+    "build:browser": "rollup -c build/rollup.config.browser.js",
+    "build:es": "rollup -c build/rollup.config.es.js",
+    "build:umd": "rollup -c build/rollup.config.umd.js",
+    "build": "yarn build:browser && yarn build:es && yarn build:umd",
     "prepublishOnly": "yarn build",
-    "lint": "eslint --ext .js --ignore-path .gitignore src/ --fix"
+    "lint": "eslint --ext .js --ignore-path .gitignore build/ src/ --fix"
   },
   "dependencies": {},
   "devDependencies": {