vuejsプロジェクトをパッケージ化する方法

vuejs プロジェクトをパッケージ化する方法: 1. config ディレクトリの「index.js」ファイルを開き、ビルドの下のassetsPublicPath およびproductionSourceMap オプションを変更します; 2. cmd ウィンドウを開いて「npm run build」を実行します。指示。 。

このチュートリアルの動作環境: Windows7 システム、vue2.9.6 バージョン、DELL G3 コンピューター。

vuejs プロジェクトのパッケージ化の手順:

まず、パッケージ化する前に構成ファイルを変更する必要があります。これらの問題は主にパスの問題であるため、index.js 構成ファイルの config:

にあるオプションを変更する必要があります。上の図 変更する必要があるのは、静的ファイルのパスです。パッケージ化後、静的ファイルは現在のディレクトリにあるため、それを ./ に変更します。2 つ目は、環境を運用環境

に変更して変更し、cmd を開いて次のコマンドを実行してパッケージ化します:

# 次の点に注意してください。これは、パッケージ化されたファイルを開く前に、そのファイルをサーバーに配置する必要があることを示しています。直接開くことはできません。ブラウザで開きます。パッケージ化されたファイルの構造は次のとおりです:

#現時点では、サーバーを使用してindex.htmlにアクセスする必要があります。多くの人がここでいくつかの問題に遭遇するかもしれません。たとえば、クロスドメインの問題を解決するために開発中にプロキシテーブルを使用することがあります。ここにはデータはありません。この問題はサーバーを介して自分で解決する必要があります。プロキシテーブルはここにあります。これは単なる問題です。誰もが使いやすいように開発されたクロスドメイン ソリューション。

関連する推奨事項: 「

vue.js チュートリアル 」

以上がvuejsプロジェクトをパッケージ化する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。