New version using a new vue-cli template

Author: Akryum

.babelrc

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

.eslintignore

@@ -0,0 +1,2 @@
+node_modules/
+dist/

.eslintrc.js

@@ -23,8 +23,5 @@ module.exports = {
     'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
     // trailing comma
     'comma-dangle': ['error', 'always-multiline'],
-    // beware of returning assignement
-    'no-return-assign': 'warn',
-    'no-extend-native': 'warn',
   }
 }

README.md

@@ -13,6 +13,14 @@ import { VirtualScroller } from 'vue-virtual-scroller'
 Vue.component('virtual-scroller', VirtualScroller)
 ```
 
+Or install it as a plugin:
+
+```javascript
+import VirtualScroller from 'vue-virtual-scroller'
+
+Vue.use(VirtualScroller)
+```
+
 ```html
 <template>
   <div class="demo">
@@ -52,3 +60,9 @@ export default {
 ```
 
 Finally, set the size of the virtual-scroller element (for example, with CSS).
+
+---
+
+## License
+
+[MIT](http://opensource.org/licenses/MIT)

config/webpack.base.config.js

@@ -0,0 +1,49 @@
+var webpack = require('webpack')
+var ExtractTextPlugin = require('extract-text-webpack-plugin')
+
+var outputFile = 'vue-virtual-scroller'
+var globalName = 'VueVirtualScroller'
+
+var config = require('../package.json')
+
+module.exports = {
+  entry: './src/index.js',
+  output: {
+    path: './dist',
+    filename: outputFile + '.js',
+    library: globalName,
+    libraryTarget: 'umd',
+  },
+  module: {
+    rules: [
+      {
+        enforce: 'pre',
+        test: /\.(js|vue)$/,
+        loader: 'eslint-loader',
+        exclude: /node_modules/,
+      },
+      {
+        test: /.js$/,
+        use: 'babel-loader',
+      },
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader',
+        options: {
+          loaders: {
+            css: ExtractTextPlugin.extract('css-loader'),
+          },
+        },
+      },
+    ],
+  },
+  externals: {
+    // Put external libraries like lodash here
+  },
+  plugins: [
+    new webpack.DefinePlugin({
+      'VERSION': JSON.stringify(config.version),
+    }),
+    new ExtractTextPlugin(outputFile + '.css'),
+  ],
+}

config/webpack.dev.config.js

@@ -0,0 +1,6 @@
+var merge = require('webpack-merge')
+var base = require('./webpack.base.config')
+
+module.exports = merge(base, {
+  devtool: 'eval-source-map',
+})

config/webpack.prod.config.js

@@ -0,0 +1,14 @@
+var webpack = require('webpack')
+var merge = require('webpack-merge')
+var base = require('./webpack.base.config')
+
+module.exports = merge(base, {
+  plugins: [
+    new webpack.optimize.UglifyJsPlugin({
+      compress: {
+        warnings: true,
+      },
+      mangle: false,
+    }),
+  ],
+})