今回は、vuejs プロジェクトのパッケージ化と最初の画面読み込みの最適化について説明します。vuejs プロジェクトのパッケージ化と最初の画面読み込みの最適化に関する 注意事項 について説明します。
1: CDN リソースの使用
パッケージ化するとき、プラグインを package.json、dependencyobjects にパッケージ化し、それらの一部には cdn を使用できます。たとえば、vue、axios、vuex、vue-router をプロジェクトにパッケージ化したくない場合は、次のようにする必要があります:
1: webpack.base.conf.js を開きますmodule.exports = { externals: { ‘vue‘: ‘Vue‘, ‘axios‘: ‘axios‘, ‘vuex‘: ‘Vuex‘, ‘vue-router‘: ‘VueRouter‘ } }
//import Vue from ‘vue‘ //Vue.use(Router)
Vue.use(Vuex)
これはパッケージ化後に表示される可能性があります 問題
1: keep-alive で囲まれた要素は表示できません 理由: まだ不明です。 解決策: キープアライブする必要はありません推奨読書: Vue プロジェクトは CDN を使用して最初の画面読み込みの問題を最適化しますこの記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、注目してください。 PHP 中国語 Web サイトの他の関連記事へ! 推奨読書: vue-cli が最初の画面の読み込み時間を短縮できる方法は何ですか
以上がVuejs プロジェクトのパッケージ化と最初の画面読み込みの最適化の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。