EXPOSE WEBPACK + VUE MODULE

webpack.vue.js

// EXPOSE WEBPACK + VUE MODULE
// http://webpack.github.io/docs/library-and-externals.html
// http://paulsalaets.com/posts/expose-node-module-as-global-variable/

// webpack.config.js

module.exports = {
  entry: "./src/main.js",
  output: {
    path: "./build",
    publicPath: "/build/",
    filename: "build.js",
    
    libraryTarget: "var", // export itself to a global var
    library: "app"        // name of the global var: "Foo"
    
  },
  module: {
    loaders: [
      { test: /\.styl$/, loader: "style!css!stylus" },
      { test: /\.html$/, loader: "html" }
    ]
  }
}

// module (main.js)

require('./main.styl')

var Vue = require('vue')
var app = new Vue({
  //el: '#app',
  data: {
    view: 'a'
  },
  components: {
    // define the main pages as async components.
    a: function (resolve) {
      require(['./views/a'], resolve)
    },
    b: function (resolve) {
      require(['./views/b'], resolve)
    }
  }
})

function route () {
  app.view = window.location.hash.slice(1) || 'a'
}

window.addEventListener('hashchange', route)
window.addEventListener('load', route)

module.exports = app;