build setup

Author: yyx990803

.gitignore

@@ -1,4 +1,6 @@
 .DS_Store
 node_modules
 test/test.build.js
-test/test.html
+test/test.html
+example/example.build.js
+TODOS.md

karma.conf.js renamed to build/karma.config.js

@@ -3,7 +3,7 @@ module.exports = function (config) {
     browsers: ['PhantomJS'],
     reporters: ['progress'],
     frameworks: ['jasmine'],
-    files: ['test/test.build.js'],
+    files: [__dirname + '/../test/test.build.js'],
     singleRun: true
   })
 }

webpack.config.js renamed to build/webpack.build.config.js

@@ -1,5 +1,5 @@
 var webpack = require("webpack")
-var version = require('./package.json').version
+var version = require('../package.json').version
 var banner =
   '/**\n' +
   ' * vue-router v' + version + '\n' +

build/webpack.example.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+  entry: './example/example.js',
+  output: {
+    path: './example',
+    filename: 'example.build.js'
+  }
+}

webpack.test.config.js renamed to build/webpack.test.config.js

@@ -0,0 +1,96 @@
+var Vue = require('vue')
+var VueRouter = require('../src')
+
+Vue.use(VueRouter)
+
+var router = new VueRouter({
+  pushstate: true,
+  root: '/hello'
+})
+
+var root = new Vue({
+  el: '#app',
+  components: {
+    inbox: {
+      template: '<div><h2>inbox!</h2><div v-view></div></div>',
+      replace: true,
+      components: {
+        message: {
+          template: '<div>message! {{route.params.messageId}}</div>',
+          replace: true
+        },
+        archive: {
+          template: '<div>archive lol</div>',
+          replace: true
+        }
+      }
+    },
+    user: {
+      template: '<h2>User yo</h2><div v-view></div>',
+      components: {
+        'user-profile': {
+          template: 'user profile {{route.params.userId}} {{route.params.something}}'
+        },
+        'user-posts': {
+          template: 'user posts'
+        },
+        'user-settings': {
+          template: 'user settings'
+        }
+      }
+    },
+    about: {
+      template: '<h1>OHHHH ABOUT</h1>',
+      replace: true
+    },
+    'not-found': {
+      template: 'FOUR OH FOUR'
+    }
+  }
+})
+
+router.on('/inbox', {
+  name: 'inbox',
+  component: 'inbox',
+  subRoutes: {
+    '/message/:messageId': {
+      name: 'message',
+      component: 'message',
+      alwaysRefresh: true
+    },
+    '/archived': {
+      name: 'archive',
+      component: 'archive'
+    }
+  }
+})
+
+router.on('/user/:userId', {
+  name: 'user',
+  component: 'user',
+  subRoutes: {
+    'profile/:something': {
+      component: 'user-profile'
+    },
+    'posts': {
+      component: 'user-posts'
+    },
+    'settings': {
+      component: 'user-settings'
+    }
+  }
+})
+
+router.on('/about', {
+  component: 'about',
+})
+
+router.notfound({
+  component: 'not-found'
+})
+
+router.redirect({
+  '/info': '/about'
+})
+
+router.start(root)

example/example.js

@@ -0,0 +1,18 @@
+<style>
+  .test {
+    transition: all .5s ease;
+  }
+  .test-enter, .test-leave {
+    opacity: 0;
+  }
+</style>
+
+<div id="app">
+  <h1>App Header</h1>
+  <a v-link="/inbox/message/123">inbox</a>
+  <a v-link="/about">about</a>
+  <a v-link="/user/1234">user</a>
+  <div v-view class="test" v-transition="test" transition-mode="out-in"></div>
+</div>
+
+<script src="example.build.js"></script>

example/index.html

@@ -0,0 +1,29 @@
+var exec = require('child_process').exec
+var spawn = require('child_process').spawn
+var app = require('express')()
+
+app.get('/example.build.js', function (req, res) {
+  res.sendFile(__dirname + '/example.build.js')
+})
+
+app.get('*', function (req, res) {
+  res.sendFile(__dirname + '/index.html')
+})
+
+app.listen(3000, function () {
+  console.log('dev server running on localhost:3000\n')
+  openURL('http://localhost:3000')
+})
+
+function openURL (url) {
+  switch (process.platform) {
+    case "darwin":
+      exec('open ' + url)
+      break
+    case "win32":
+      exec('start ' + url)
+      break
+    default:
+      spawn('xdg-open', [url])
+  }
+}

example/serve.js

@@ -4,9 +4,9 @@
   "description": "A router for Vue.js",
   "main": "src/index.js",
   "scripts": {
-    "dev": "webpack --watch",
-    "build": "webpack",
-    "test": "webpack --config webpack.test.config.js && ./node_modules/karma/bin/karma start"
+    "dev": "node example/serve.js & webpack --watch --config build/webpack.example.config.js",
+    "build": "webpack --config build/webpack.build.config.js",
+    "test": "webpack --config build/webpack.test.config.js && ./node_modules/karma/bin/karma start build/karma.config.js"
   },
   "repository": {
     "type": "git",
@@ -25,11 +25,12 @@
   },
   "homepage": "https://github.com/vuejs/vue-router#readme",
   "devDependencies": {
+    "express": "^4.12.3",
     "jasmine-core": "^2.3.2",
     "karma": "^0.12.31",
     "karma-jasmine": "^0.3.5",
     "karma-phantomjs-launcher": "^0.1.4",
-    "vue": "^0.11.10",
+    "vue": "yyx990803/vue#dev",
     "webpack": "^1.8.11"
   },
   "dependencies": {