tangbc
diff --git a/‎.gitignore
Lines changed: 2 additions & 1 deletion b/‎.gitignore
Lines changed: 2 additions & 1 deletion
diff --git a/‎README.md
Lines changed: 1 addition & 1 deletion b/‎README.md
Lines changed: 1 addition & 1 deletion
diff --git a/‎demos/list/App.vue
Lines changed: 24 additions & 0 deletions b/‎demos/list/App.vue
Lines changed: 24 additions & 0 deletions
diff --git a/‎examples/build/finite.js renamed to ‎demos/list/build.js
Lines changed: 11287 additions & 12959 deletions b/‎examples/build/finite.js renamed to ‎demos/list/build.js
Lines changed: 11287 additions & 12959 deletions
diff --git a/‎demos/list/index.html
Lines changed: 12 additions & 0 deletions b/‎demos/list/index.html
Lines changed: 12 additions & 0 deletions
diff --git a/‎demos/list/main.js
Lines changed: 9 additions & 0 deletions b/‎demos/list/main.js
Lines changed: 9 additions & 0 deletions
diff --git a/‎demos/webpack.conf.js
Lines changed: 78 additions & 0 deletions b/‎demos/webpack.conf.js
Lines changed: 78 additions & 0 deletions
@@ -1,4 +1,5 @@
 dev
 node_modules
 npm-debug.log
-examples/**/*.map
+demos/dev/
+demos/**/*.map
@@ -13,7 +13,7 @@
 
 ##
 
-*If you are looking for a vue component which support big data list with high scroll performance, now you are in the right place!*
+*If you are looking for a vue component which support big amount data list with high scroll performance, now you are in the right place!*
 
 * [Advantages](#advantages)
 * [Live demos](#live-demos)
 
@@ -0,0 +1,24 @@
+<template>
+    <div>
+        1234
+    </div>
+</template>
+
+<script>
+    export default {
+        name: 'app',
+
+        data () {
+            return {
+            }
+        }
+    }
+</script>
+
+<style>
+div {
+    padding: 0;
+    background: red;
+}
+</style>
+
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+    <meta charset="utf-8">
+    <title>Vue virtual scroll list</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+</head>
+<body>
+    <div id="app"></div>
+    <script src="build.js"></script>
+</body>
+</html>
@@ -0,0 +1,9 @@
+import Vue from 'vue'
+import App from './App.vue'
+
+Vue.config.devtools = false
+Vue.config.productionTip = false
+
+new Vue({
+    render: (h) => h(App)
+}).$mount('#app')
@@ -0,0 +1,78 @@
+const path = require('path')
+const { lstatSync, readdirSync } = require('fs')
+const VueLoaderPlugin = require('vue-loader/lib/plugin')
+
+const isDirectory = source => lstatSync(source).isDirectory()
+const getDirectories = source => readdirSync(source).map((name) => path.join(source, name)).filter(isDirectory)
+const demoDirectorys = getDirectories('demos').map((demo) => demo.split('/').pop())
+
+console.log('\x1b[36m', `Building demos: [${demoDirectorys.join(', ')}].` ,'\x1b[0m')
+
+let multiConfigs = []
+demoDirectorys.forEach((entry) => {
+    const _entry = path.resolve(__dirname, entry)
+    multiConfigs.push({
+        entry: `${_entry}/main.js`,
+        output: {
+            filename: 'build.js',
+            path: path.resolve(__dirname, _entry)
+        }
+    })
+})
+
+const isProduction = process.env.NODE_ENV === 'production'
+
+module.exports = multiConfigs.map((config) => {
+    return Object.assign(config, {
+        stats: 'minimal',
+
+        mode: isProduction ? 'production' : 'development',
+
+        resolve: {
+            alias: {
+                'vue$': 'vue/dist/vue.js',
+                'vue-virtual-scroll-list': path.resolve(__dirname, '../index.js')
+            }
+        },
+
+        plugins: [
+            new VueLoaderPlugin()
+        ],
+
+        devtool: '#source-map',
+
+        module: {
+            rules: [
+                {
+                    test: /\.vue$/,
+                    loader: 'vue-loader'
+                },
+                {
+                    test: /.js$/,
+                    exclude: /node_modules/,
+                    use: {
+                        loader: 'babel-loader',
+                        options: {
+                            presets: ['env']
+                        }
+                    }
+                },
+                {
+                    test: /\.css$/,
+                    use: [
+                        {
+                            loader: 'vue-style-loader'
+                        },
+                        {
+                            loader: 'css-loader',
+                            options: {
+                            modules: true,
+                            localIdentName: '[local]_[hash:base64:8]'
+                            }
+                        }
+                    ]
+                }
+            ]
+        }
+    })
+})