change default build to commonjs

add option to build to umd
change build tool

template/README.md

@@ -4,8 +4,17 @@
 
 # Usage
 
+```js
+import Component from '{{name}}'
+
+Vue.component('{{name}}', Component);
+```
+
     <{{name}} text="Hello World!"></{{name}}>
 
+PS: You can also build to UMD with `npm run build:umd`, the component will be
+available in the window['{{name}}'] variable.
+
 ## Installation
 
 ### Using yarn

template/package.json

@@ -3,11 +3,12 @@
   "version": "0.0.1",
   "description": "{{ description }}",
   "author": "{{ author }}",
-  "main": "dist/index.js",
+  "main": "dist/{{name}}.min.js",
   "license": "MIT",
   "scripts": {
     "lint": "eslint src",
-    "build": "vue build ./src/index.js --config ./build.config.js --dist ./dist/ --prod --lib",
+    "build": "poi build --format cjs",
+    "build:umd": "poi build --format umd",
     "build:doc": "vue-styleguidist build",
     "serve": "vue-styleguidist server"
   },
@@ -25,7 +26,8 @@
     "babel-preset-es2015": "^6.24.1",
     "eslint": "^3.17.1",
     "eslint-plugin-vue": "beta",
-    "vue-cli": "^2.8.2",
+    "node-glob": "^1.2.0",
+    "poi": "^9.3.10",
     "vue-styleguidist": "^1.2.5",
     "vue-webpack-loaders": "^1.0.6",
     "webpack": "^3.1.0"

template/poi.config.js

@@ -0,0 +1,11 @@
+const glob = require('glob').sync;
+const {name} = require('./package.json');
+
+module.exports = {
+  entry: glob('./src/**/*.vue'),
+  filename: {
+    js: name + '.min.js',
+  },
+  sourceMap: false,
+  html: false
+};

template/styleguide.config.js

@@ -9,7 +9,7 @@ module.exports = {
       /* The component itself */
       name: '{{ name }}',
       content: 'docs/Introduction.md',
-      components: 'src/**/{{ name }}.vue',
+      components: 'src/**/*.vue',
       // ignore: ['src/ignored-component/ignored-component.vue'],
       sections: [
         /* One item for each demo or example of the component */