Vueプロジェクトのパッケージ化の詳細な説明

1. 関連構成

ケース1（使用ツールはvue-cil）

プロジェクトが vue-cli で作成された場合、プロジェクト ディレクトリに config フォルダーがないため、構成ファイルを自分で作成する必要があります。ルート ディレクトリ src にファイル vue.config.js を作成します。ファイル名は vue.config.js である必要があることに注意してください。次に、ファイルに次のコードを挿入します。

 //パッケージ構成ファイル module.exports = {
  資産ディレクトリ: 'static'、
  平行: 偽、
  パブリックパス: './',
};

構造は次のとおりです。

ケース2（使用するツールはwebpack）

webpack を使用している場合は、config の index.js ファイルで webpack 構成を直接変更します。

アセットパブリックパス: './'

構造は次のとおりです。

2. 包装

設定が完了したら、コンソールを呼び出してパッケージ化コマンドnpm run buildを入力し、パッケージ化を開始します。

成功すると、次のプロンプトが表示されます。

そして、プロジェクト ディレクトリに dist フォルダーが自動的に生成されます。

dist フォルダーは必要なパッケージであり、これをサーバーに配置して展開することができます。パッケージ化後は、プロジェクトにどのような変更が加えられても、再パッケージ化するにはnpm run build が必要であることに注意してください。

要約する

この記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。