javascript - browserifyを使用した非同期/遅延ロードVueコンポーネント

Question

laravel プロジェクトで、いくつかの Vue.js コンポーネントを app.js ファイル (elixir 経由で browserify/vueify を使用) にロードしようとしています。

すべてのコンポーネントを一度にロードする代わりに、 vue routerを使用して必要なときに個々の vue コンポーネントを遅延ロードしたいと思います。

ファイルをどこに設定し、partition bundle jsonどのように構造化する必要がありますか?

現時点では、次のメインのapp.jsファイルを結び付けました。

import Vue from 'vue';
import Resource from 'vue-resource';
import VueRouter from 'vue-router';

// These are the components that I wish to lazy load:
// import Users from './components/Users.vue';
// import Sales from './components/Sales.vue';
// import Projects from './components/Projects.vue';
// import Dashboard from './components/Dashboard.vue';
// import Receipts from './components/Receipts.vue';

Vue.use(Resource);
Vue.use(VueRouter);

var router = new VueRouter();

router.map({
  '/async': {
    component: function (resolve) {
      loadjs(['./components/Users.vue'], resolve)
    }
  }
})

これが私が立ち往生している場所です：

1. 関数で上記の .vue コンポーネントをすべて遅延ロードするにはどうすればよいrouter.mapでしょうか?
2. 上記のファイルを設定する方法partition table jsonと、どこに保存する必要がありますか?