v0.1.1 update bug import README.md document

README.md

@@ -10,17 +10,42 @@
 ``` bash
     npm install vue-upload-component --save
 ```
+### CommonJS
+```js
+    var FileUpload = require('vue-upload-component');
+
+    new Vue({
+        template: '<file-upload action="/"></file-upload>',
+        components: {
+            FileUpload: FileUpload
+        }
+    })
+
+```
+
+### ES6
+```js
+    import FileUpload from 'vue-upload-component'
+    new Vue({
+        template: '<file-upload action="/"></file-upload>',
+        components: {
+            FileUpload
+        }
+    })
+
+```
 
 
-## Demo
+## Example
 ``` html
-    <!-- Demo file ./index.html -->
+    <!-- Example file ./index.html -->
+    <!-- Example file ./src/example.js -->
     <div id="app">
         <file-upload title="Add upload files"></file-upload>
     </div>
 
     <script type="text/javascript">
-    var FileUpload = require('./FileUpload.vue');
+    var FileUpload = require('vue-upload-component');
 
     new Vue({
         el:'#app',

index.html

@@ -73,6 +73,6 @@
             </tbody>
         </table>
     </div>
-    <script src="./dist/build.js"></script>
+    <script src="./dist/example.js"></script>
   </body>
 </html>

package.json

@@ -1,24 +1,30 @@
 {
   "name": "vue-upload-component",
   "description": "Vue.js file upload component, Support for multiple file uploads, progress, html4, ie9",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "author": "LianYue",
   "scripts": {
     "dev": "webpack-dev-server --inline --hot",
-    "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
+    "build": "cross-env NODE_ENV=production webpack --progress --hide-modules --config  webpack.config.build.min.js && cross-env NODE_ENV=production webpack --progress --hide-modules --config  webpack.config.build.js && cross-env NODE_ENV=production webpack --progress --hide-modules --config  webpack.config.js"
+
   },
-  "main": "/src/FileUpload.vue",
+
+  "main": "dist/vue-upload-component.js",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/lian-yue/vue-upload-component.git"
   },
   "keywords": [
-    "Vue.js",
+    "vue.js",
-    "File",
+    "file",
-    "Upload",
+    "upload",
-    "Uploads",
+    "uploads",
-    "Multiple",
+    "multiple",
-    "Component"
+    "component",
+    "vue-component",
+    "vue-upload-component",
+    "vue-file-upload",
+    "vue-file-upload-component"
   ],
   "license": "Apache-2.0",
   "bugs": {
@@ -26,9 +32,12 @@
   },
   "homepage": "https://github.com/lian-yue/vue-upload-component#readme",
   "dependencies": {
-    "babel-runtime": "^6.0.0"
+    "vue": "^1.0.24"
+  },
+  "dependencies": {
   },
   "devDependencies": {
+    "babel-runtime": "^6.0.0",
     "babel-core": "^6.0.0",
     "babel-loader": "^6.0.0",
     "babel-plugin-transform-runtime": "^6.0.0",

src/example.js

@@ -0,0 +1,30 @@
+// var FileUpload = require('./FileUpload.vue');
+
+import FileUpload from './FileUpload.vue';
+
+new Vue({
+    el:'#app',
+    components: {
+        FileUpload:FileUpload,
+    },
+    data: {
+        accept: 'image/*',
+        size: 1024 * 1024 * 10,
+        multiple: true,
+    },
+    compiled: function() {
+        this.$refs.upload.request = {
+            headers: {
+                "X-Csrf-Token": "xxxx",
+            },
+            data: {
+                "_csrf_token": "xxxxxx",
+            },
+        };
+    },
+    methods: {
+        remove: function(file) {
+            this.$refs.upload.files.$remove(file);
+        },
+    }
+});

src/main.js

@@ -1,28 +1 @@
-var FileUpload = require('./FileUpload.vue');
+module.exports = require('./FileUpload.vue');
-
-new Vue({
-    el:'#app',
-    components: {
-        FileUpload:FileUpload,
-    },
-    data: {
-        accept: 'image/*',
-        size: 1024 * 1024 * 10,
-        multiple: true,
-    },
-    compiled: function() {
-        this.$refs.upload.request = {
-            headers: {
-                "X-Csrf-Token": "xxxx",
-            },
-            data: {
-                "_csrf_token": "xxxxxx",
-            },
-        };
-    },
-    methods: {
-        remove: function(file) {
-            this.$refs.upload.files.$remove(file);
-        },
-    }
-});

webpack.config.build.js

@@ -0,0 +1,12 @@
+var webpack = require('webpack');
+
+module.exports = require('./webpack.config.js');
+
+
+
+module.exports.entry = {
+    'vue-upload-component': './src/main.js',
+}
+
+module.exports.output.library = 'VueUploadComponent';
+module.exports.output.libraryTarget = 'umd';

webpack.config.build.min.js

@@ -0,0 +1,11 @@
+var webpack = require('webpack');
+
+module.exports = require('./webpack.config.build.js');
+
+module.exports.output.filename = "[name].min.js";
+
+module.exports.plugins.push(new webpack.optimize.UglifyJsPlugin({
+  compress: {
+    warnings: false,
+  }
+}));

webpack.config.js

@@ -2,12 +2,16 @@ var path = require('path')
 var webpack = require('webpack')
 
 module.exports = {
-  entry: './src/main.js',
+    entry: {
-  output: {
+        example: './src/example.js',
-    path: path.resolve(__dirname, './dist'),
+    },
-    publicPath: '/dist/',
+
-    filename: 'build.js'
+    output: {
-  },
+        path: './dist',
+        publicPath: '/dist/',
+        filename: "[name].js",
+    },
+
   resolveLoader: {
     root: path.join(__dirname, 'node_modules'),
   },
@@ -56,11 +60,7 @@ if (process.env.NODE_ENV === 'production') {
         NODE_ENV: '"production"'
       }
     }),
-    new webpack.optimize.UglifyJsPlugin({
+
-      compress: {
-        warnings: false
-      }
-    }),
     new webpack.optimize.OccurenceOrderPlugin()
   ])
 }