introduce commonjs build

Author: yyx990803

build/dev.config.js

@@ -0,0 +1,15 @@
+const buble = require('rollup-plugin-buble')
+const flow = require('rollup-plugin-flow-no-whitespace')
+const cjs = require('rollup-plugin-commonjs')
+const node = require('rollup-plugin-node-resolve')
+const replace = require('rollup-plugin-replace')
+
+module.exports = {
+  entry: 'src/index.js',
+  dest: 'dist/vue-router.js',
+  format: 'umd',
+  moduleName: 'VueRouter',
+  plugins: [replace({
+    'process.env.NODE_ENV': '"development"'
+  }), flow(), node(), cjs(), buble()]
+}

docs/en/installation.md

@@ -2,10 +2,10 @@
 
 ### Direct Download / CDN
 
-[https://unpkg.com/vue-router](https://unpkg.com/vue-router)
+[https://unpkg.com/vue-router/dist/vue-router.js](https://unpkg.com/vue-router/dist/vue-router.js)
 
 <!--email_off-->
-[Unpkg.com](https://unpkg.com) provides NPM-based CDN links. The above link will always point to the latest release on NPM. You can also use a specific version/tag via URLs like `https://unpkg.com/[email protected]`.
+[Unpkg.com](https://unpkg.com) provides NPM-based CDN links. The above link will always point to the latest release on NPM. You can also use a specific version/tag via URLs like `https://unpkg.com/[email protected]/dist/vue-router.js`.
 <!--/email_off-->
 
 Include `vue-router` after Vue and it will install itself automatically:

docs/ja/installation.md

@@ -2,10 +2,10 @@
 
 ### 直接ダウンロード / CDN
 
-[https://unpkg.com/vue-router](https://unpkg.com/vue-router)
+[https://unpkg.com/vue-router/dist/vue-router.js](https://unpkg.com/vue-router/dist/vue-router.js)
 
 <!--email_off-->
-[Unpkg.com](https://unpkg.com) は NPM ベースの CDN リンクです。 上記のリンクは常に NPM 上の最新のリリースを指します。 `https://unpkg.com/[email protected]` のような URL を利用することで特定のバージョンやタグを指定することもできます。
+[Unpkg.com](https://unpkg.com) は NPM ベースの CDN リンクです。 上記のリンクは常に NPM 上の最新のリリースを指します。 `https://unpkg.com/[email protected]/dist/vue-router.js` のような URL を利用することで特定のバージョンやタグを指定することもできます。
 <!--/email_off-->
 
 Vue の後に `vue-router` を含めると自動的にインストールされます。

docs/zh-cn/installation.md

@@ -2,10 +2,10 @@
 
 ### 直接下载 / CDN
 
-[https://unpkg.com/vue-router](https://unpkg.com/vue-router)
+[https://unpkg.com/vue-router/dist/vue-router.js](https://unpkg.com/vue-router/dist/vue-router.js)
 
 <!--email_off-->
-[Unpkg.com](https://unpkg.com) 提供了基于 NPM 的 CDN 链接。上面的链接会一直指向在 NPM 发布的最新版本。你也可以像  `https://unpkg.com/[email protected]` 这样指定 版本号 或者 Tag。
+[Unpkg.com](https://unpkg.com) 提供了基于 NPM 的 CDN 链接。上面的链接会一直指向在 NPM 发布的最新版本。你也可以像  `https://unpkg.com/[email protected]/dist/vue-router.js` 这样指定 版本号 或者 Tag。
 <!--/email_off-->
 
 在 Vue 后面加载 `vue-router`，它会自动安装的：

package.json

@@ -4,11 +4,12 @@
   "description": "Official router for Vue.js 2.0",
   "author": "Evan You",
   "license": "MIT",
-  "main": "dist/vue-router.js",
+  "main": "dist/vue-router.common.js",
   "typings": "types/index.d.ts",
   "files": [
     "dist/vue-router.js",
     "dist/vue-router.min.js",
+    "dist/vue-router.common.js",
     "src",
     "types/index.d.ts",
     "types/router.d.ts",
@@ -21,7 +22,7 @@
   ],
   "scripts": {
     "dev": "node examples/server.js",
-    "dev:dist": "rollup -wm -c build/rollup.config.js",
+    "dev:dist": "rollup -wm -c build/dev.config.js",
     "build": "node build/build.js",
     "lint": "eslint src examples",
     "test": "npm run lint && flow check && npm run test:unit && npm run test:e2e && npm run test:types",

src/create-matcher.js

@@ -66,7 +66,9 @@ export function createMatcher (routes: Array<RouteConfig>): Matcher {
     }
 
     if (!redirect || typeof redirect !== 'object') {
-      warn(false, `invalid redirect option: ${JSON.stringify(redirect)}`)
+      process.env.NODE_ENV !== 'production' && warn(
+        false, `invalid redirect option: ${JSON.stringify(redirect)}`
+      )
       return _createRoute(null, location)
     }
 
@@ -80,7 +82,9 @@ export function createMatcher (routes: Array<RouteConfig>): Matcher {
     if (name) {
       // resolved named direct
       const targetRecord = nameMap[name]
-      assert(targetRecord, `redirect failed: named route "${name}" not found.`)
+      if (process.env.NODE_ENV !== 'production') {
+        assert(targetRecord, `redirect failed: named route "${name}" not found.`)
+      }
       return match({
         _normalized: true,
         name,

src/create-route-map.js

@@ -28,12 +28,14 @@ function addRouteRecord (
   matchAs?: string
 ) {
   const { path, name } = route
-  assert(path != null, `"path" is required in a route configuration.`)
-  assert(
-    typeof route.component !== 'string',
-    `route config "component" for path: ${String(path || name)} cannot be a ` +
-    `string id. Use an actual component instead.`
-  )
+  if (process.env.NODE_ENV !== 'production') {
+    assert(path != null, `"path" is required in a route configuration.`)
+    assert(
+      typeof route.component !== 'string',
+      `route config "component" for path: ${String(path || name)} cannot be a ` +
+      `string id. Use an actual component instead.`
+    )
+  }
 
   const record: RouteRecord = {
     path: normalizePath(path, parent),
@@ -80,7 +82,7 @@ function addRouteRecord (
   if (name) {
     if (!nameMap[name]) {
       nameMap[name] = record
-    } else {
+    } else if (process.env.NODE_ENV !== 'production') {
       warn(false, `Duplicate named routes definition: { name: "${name}", path: "${record.path}" }`)
     }
   }

src/history/html5.js

@@ -74,7 +74,9 @@ export class HTML5History extends History {
     if (!behavior) {
       return
     }
-    assert(typeof behavior === 'function', `scrollBehavior must be a function`)
+    if (process.env.NODE_ENV !== 'production') {
+      assert(typeof behavior === 'function', `scrollBehavior must be a function`)
+    }
 
     // wait until re-render finishes before scrolling
     router.app.$nextTick(() => {

src/index.js

@@ -50,7 +50,7 @@ export default class VueRouter {
         this.history = new AbstractHistory(this)
         break
       default:
-        assert(false, `invalid mode: ${mode}`)
+        process.env.NODE_ENV !== 'production' && assert(false, `invalid mode: ${mode}`)
     }
   }
 
@@ -59,7 +59,7 @@ export default class VueRouter {
   }
 
   init (app: any /* Vue component instance */) {
-    assert(
+    process.env.NODE_ENV !== 'production' && assert(
       install.installed,
       `not installed. Make sure to call \`Vue.use(VueRouter)\` ` +
       `before creating root instance.`

src/util/location.js

@@ -3,7 +3,7 @@
 import { parsePath, resolvePath } from './path'
 import { resolveQuery } from './query'
 import { fillParams } from './params'
-import { assert } from './warn'
+import { warn } from './warn'
 
 export function normalizeLocation (
   raw: RawLocation,
@@ -27,8 +27,8 @@ export function normalizeLocation (
     } else if (current.matched) {
       const rawPath = current.matched[current.matched.length - 1].path
       next.path = fillParams(rawPath, params, `path ${current.path}`)
-    } else {
-      assert(false, `relative params navigation requires a current route.`)
+    } else if (process.env.NODE_ENV !== 'production') {
+      warn(false, `relative params navigation requires a current route.`)
     }
     return next
   }

src/util/params.js

@@ -1,7 +1,7 @@
 /* @flow */
 
 import Regexp from 'path-to-regexp'
-import { assert } from './warn'
+import { warn } from './warn'
 
 const regexpCache: {
   [key: string]: {
@@ -41,7 +41,9 @@ export function fillParams (
       (regexpCompileCache[path] = Regexp.compile(path))
     return filler(params || {}, { pretty: true })
   } catch (e) {
-    assert(false, `missing param for ${routeMsg}: ${e.message}`)
+    if (process.env.NODE_ENV !== 'production') {
+      warn(false, `missing param for ${routeMsg}: ${e.message}`)
+    }
     return ''
   }
 }

src/util/query.js

@@ -14,7 +14,7 @@ export function resolveQuery (
     try {
       parsedQuery = parseQuery(query)
     } catch (e) {
-      warn(false, e.message)
+      process.env.NODE_ENV !== 'production' && warn(false, e.message)
       parsedQuery = {}
     }
     for (const key in extraQuery) {