bootstrap導入に関する初歩的な質問

実現したいこと

bootstrapを適用する。

前提

初心者です。npm run devでapp.cssとapp.jsがpublic配下に移動するらしいのですが移動しません。原因は何でしょうか。以下がコマンドの実行結果です。

発生している問題・エラーメッセージ

> dev > vite VITE v4.4.11 ready in 213 ms ➜ Local: http://localhost:5173/ ➜ Network: use --host to expose ➜ press h to show help LARAVEL v10.28.0 plugin v0.8.1 ➜ APP_URL: http://localhost 19:16:49 [vite] page reload resources/views/login/login_form.blade.php

該当のソースコード

試したこと

いろいろ検索してコマンドを試しましたが知識がなく分かりません。
@vite(['resources/sass/app.scss', 'resources/js/app.js'])を使うと適用はできましたが正しいやり方なのか分かりません。

補足情報（FW/ツールのバージョンなど）

vscode 1.83.0 (Universal)
mamp 6.8
php 8.2.0
Laravel Framework 10.26.2