Now using rollup

Author: Guillaume Chau

.babelrc

@@ -1,6 +1,6 @@
 {
   "presets": [
-    ["es2015", { "modules": false }],
+    ["env", { "modules": false }],
     "stage-0"
   ]
 }

build/rollup.config.base.js

@@ -0,0 +1,40 @@
+import babel from 'rollup-plugin-babel'
+import resolve from 'rollup-plugin-node-resolve'
+import vue from 'rollup-plugin-vue'
+import cjs from 'rollup-plugin-commonjs'
+import replace from 'rollup-plugin-replace'
+import fs from 'fs'
+import path from 'path'
+import CleanCSS from 'clean-css'
+
+const config = require('../package.json')
+
+export default {
+  input: 'src/index.js',
+  name: 'vue-virtual-scroller',
+  plugins: [
+    resolve({
+      jsnext: true,
+      main: true,
+      browser: true,
+    }),
+    cjs(),
+    vue({
+      css (style) {
+        fs.writeFileSync('dist/vue-virtual-scroller.css', new CleanCSS().minify(style).styles)
+      },
+    }),
+    babel({
+      exclude: 'node_modules/**',
+      'plugins': [
+        'external-helpers',
+      ],
+    }),
+    replace({
+      VERSION: JSON.stringify(config.version),
+    }),
+  ],
+  watch: {
+    include: 'src/**',
+  },
+}

build/rollup.config.browser.js

@@ -0,0 +1,16 @@
+import base from './rollup.config.base'
+import uglify from 'rollup-plugin-uglify'
+import { minify } from 'uglify-es'
+
+const config = Object.assign({}, base, {
+  exports: 'named',
+  output: {
+    file: 'dist/vue-virtual-scroller.min.js',
+    format: 'iife',
+  },
+  name: 'VueVirtualScroller',
+})
+
+config.plugins.push(uglify({}, minify))
+
+export default config

build/rollup.config.es.js

@@ -0,0 +1,10 @@
+import base from './rollup.config.base'
+
+const config = Object.assign({}, base, {
+  output: {
+    file: 'dist/vue-virtual-scroller.esm.js',
+    format: 'es',
+  },
+})
+
+export default config

build/rollup.config.umd.js

@@ -0,0 +1,11 @@
+import base from './rollup.config.base'
+
+const config = Object.assign({}, base, {
+  exports: 'name',
+  output: {
+    file: 'dist/vue-virtual-scroller.umd.js',
+    format: 'umd',
+  },
+})
+
+export default config

config/webpack.base.config.js

@@ -12,11 +12,16 @@
     "plugin"
   ],
   "license": "MIT",
-  "main": "dist/vue-virtual-scroller.js",
+  "main": "dist/vue-virtual-scroller.umd.js",
+  "module": "dist/vue-virtual-scroller.esm.js",
+  "unpkg": "dist/vue-virtual-scroller.min.js",
   "scripts": {
-    "dev": "cross-env NODE_ENV=development webpack --config config/webpack.dev.config.js --progress --watch",
-    "build": "cross-env NODE_ENV=production webpack --config config/webpack.prod.config.js --progress --hide-modules",
-    "prepublish": "npm run build"
+    "build": "npm run build:browser && npm run build:es && npm run build:umd",
+    "build:browser": "rollup --config build/rollup.config.browser.js",
+    "build:es": "rollup --config build/rollup.config.es.js",
+    "build:umd": "rollup --config build/rollup.config.umd.js",
+    "prepublish": "npm run build",
+    "dev": "cross-env NODE_ENV=development rollup --config build/rollup.config.es.js --watch"
   },
   "repository": {
     "type": "git",
@@ -27,30 +32,35 @@
   },
   "homepage": "https://github.com/Akryum/vue-virtual-scroller#readme",
   "peerDependencies": {
-    "vue": "^2.1.8"
+    "vue": "^2.5.2"
   },
   "devDependencies": {
-    "babel-core": "^6.23.1",
+    "babel-core": "^6.26.0",
     "babel-eslint": "^7.1.1",
-    "babel-loader": "^7.1.1",
-    "babel-preset-es2015": "^6.22.0",
-    "babel-preset-stage-0": "^6.22.0",
-    "cross-env": "^5.0.1",
-    "css-loader": "^0.28.4",
-    "eslint": "^3.17.1",
-    "eslint-config-standard": "^6.2.1",
-    "eslint-loader": "^1.6.3",
-    "eslint-plugin-html": "^1.6.0",
-    "eslint-plugin-promise": "^3.5.0",
-    "eslint-plugin-standard": "^2.1.1",
-    "extract-text-webpack-plugin": "^3.0.0",
-    "vue-loader": "^13.0.1",
-    "vue-template-compiler": "^2.4.1",
-    "webpack": "^3.2.0",
-    "webpack-merge": "^4.1.0"
+    "babel-plugin-external-helpers": "^6.22.0",
+    "babel-preset-env": "^1.6.0",
+    "babel-preset-stage-0": "^6.24.1",
+    "clean-css": "^4.1.8",
+    "cross-env": "^5.1.0",
+    "eslint": "^4.6.1",
+    "eslint-config-standard": "^10.2.1",
+    "eslint-plugin-html": "^3.2.1",
+    "eslint-plugin-import": "^2.7.0",
+    "eslint-plugin-node": "^5.1.1",
+    "eslint-plugin-promise": "^3.4.0",
+    "eslint-plugin-standard": "^3.0.1",
+    "rollup": "^0.50.0",
+    "rollup-plugin-babel": "^3.0.2",
+    "rollup-plugin-commonjs": "^8.2.0",
+    "rollup-plugin-node-resolve": "^3.0.0",
+    "rollup-plugin-replace": "^2.0.0",
+    "rollup-plugin-uglify": "^2.0.1",
+    "rollup-plugin-vue": "^2.4.1",
+    "uglify-es": "^3.0.28",
+    "vue-template-compiler": "^2.2.5"
   },
   "dependencies": {
-    "vue-observe-visibility": "^0.1.3",
-    "vue-resize": "^0.1.4"
+    "vue-observe-visibility": "^0.3.1",
+    "vue-resize": "^0.4.2"
   }
 }