Vuejs プロジェクトのパッケージ化と最初の画面読み込みの最適化-jsチュートリアル-php.cn

Vuejs プロジェクトのパッケージ化と最初の画面読み込みの最適化

php中世界最好的语言

リリース： 2018-05-02 15:33:24

オリジナル

1352 人が閲覧しました

今回は、vuejs プロジェクトのパッケージ化と最初の画面読み込みの最適化について説明します。vuejs プロジェクトのパッケージ化と最初の画面読み込みの最適化に関する注意事項について説明します。

1: CDN リソースの使用

パッケージ化するとき、プラグインを package.

1: webpack.base.conf.js を開きます

module.exports = {
   externals: {
    ‘vue‘: ‘Vue‘,
    ‘axios‘: ‘axios‘,
    ‘vuex‘: ‘Vuex‘,
    ‘vue-router‘: ‘VueRouter‘
 }
}

ログイン後にコピー

2: router を開きます/index.js.次の 2 行をログアウトします

//import Vue from ‘vue‘
//Vue.use(Router)

ログイン後にコピー

3: vuex を使用している場合は、vuex/index.js (名前が異なります) の Vue.use (Vuex) をログアウトします

Vue.use(Vuex)

これはパッケージ化後に表示される可能性があります問題

1: keep-alive で囲まれた要素は表示できません

理由: まだ不明です。

解決策: キープアライブする必要はありません

推奨読書: Vue プロジェクトは CDN を使用して最初の画面読み込みの問題を最適化します

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、注目してください。 PHP 中国語 Web サイトの他の関連記事へ!

推奨読書:

vue はサーバーリクエストの数を削減します

vue-cli が最初の画面の読み込み時間を短縮できる方法は何ですか

以上がVuejs プロジェクトのパッケージ化と最初の画面読み込みの最適化の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。