Learning site for website creation

Viteを使ってプロジェクトをビルドする

公開日:2022年11月01日 更新日:2022年11月04日

プロジェクトフォルダ内にはサーバーで確認・実行するためのファイルがまとめて生成されています。

実際に公開する時には不要なファイルもあるため、ビルドして公開用ファイルを作成します。

プロジェクト管理フォルダに移動

コマンドプロンプトで「cd(Change Directory)」コマンドを使ってプロジェクト管理フォルダに移動します。

cd 【移動するパス】

プロジェクトをビルド

プロジェクトフォルダに移動した後「npm run build」を実行します。VueCLIと同じコマンドです。

npm run build

プロジェクトフォルダ内に「dist」フォルダが生成されます。

外部ファイルへのパスはルートパスになっています。