1

コンポーネントを作成し、さまざまな「.vue」ファイルに保存し、elixir / gulp ともちろん browserify を使用してコンパイルしました。

すべてのコンポーネントを 1 つの js ファイルに含めています。

アプリのすべてのコンポーネントを含むすべてのページで毎回呼び出される「build.js」ファイルのサイズを小さくする方法を知りたいです。

必要な場合にのみコンポーネントを含める方法を知っておくと役に立ちます。

この質問は Vue-router とは関係ありません

vue.js は初めてです

4

1 に答える 1

2

これがあなたの答えです：http://router.vuejs.org/en/lazy.html

これは Webpack でネイティブにサポートされています。例は次のとおりです。

require(['./MyComponent.vue'], function (MyComponent) {
  // code here runs after MyComponent.vue is asynchronously loaded.
})

Broswerify を使用する場合は、https://github.com/substack/browserify-handbook/blob/master/readme.markdown#partition-bundleが必要です。コードは次のようになります。

router.map({
  '/async': {
    component: function (resolve) {
      loadjs(['./MyComponent.vue'], resolve)
    }
  }
})
于 2016-07-04T01:06:04.863 に答える