vuejs プロジェクトをパッケージ化した後に発生する可能性のある問題は何ですか?

php中世界最好的语言
リリース: 2018-04-08 15:51:45
オリジナル
1866 人が閲覧しました

今回は、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‘
 }
}
ログイン後にコピー
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 サイトの記事のその他の関連トピックにご注意ください。

推奨読書:

JSON 形式でデータをサーバーに送信する方法

WeChat ミニ プログラム ブロックの使用方法

以上がvuejs プロジェクトをパッケージ化した後に発生する可能性のある問題は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート