سلام،

بررسی میکنم و اطلاع میدم خدمتتون.

سلام مانی جان، فایل index.blade.php جایی که از @vite استفاده کردی، بصورت زیر تغییر بدید و فایلهای اصلی که قرار نیست تغییر کنن رو همونجا لود کنین و نیاز نیست ببریدش توی app.js، پس اون رو اصلاح کنین: (دقت کن که فایلهایی که پایین توی تگ script هست رو باید کپی کنی توی پوشه public/js)

<script src="js/jquery-3.2.1.min.js">script>
<script src="js/bootstrap.min.js">script>
<script src="js/jquery.sticky-kit.min.js">script>
<script src="js/smooth-scroll.min.js">script>
<script src="js/imagesloaded.pkgd.min.js">script>
<script src="js/grid-blog.min.js">script>
@vite(['resources/js/app.js'])

و فایل app.js هم بصورت زیر میشه و هرچی تغییر خواستین بدین توی فایل custom.js انجام میدید: (یادتون نره بعد از تغییرات دوباره بیلد بگیرید از طریق npm)

import './bootstrap';
import './custom';
import '../css/responsive.css';
import '../css/style.css';
import '../css/bootstrap.min.css';

خب اونوقت اون قضیه باندل کردن چی میشه اینجا :

<script src="js/jquery-3.2.1.min.js">script>
<script src="js/bootstrap.min.js">script>
<script src="js/jquery.sticky-kit.min.js">script>
<script src="js/smooth-scroll.min.js">script>
<script src="js/imagesloaded.pkgd.min.js">script>
<script src="js/grid-blog.min.js">script>

هدف اصلی اینه که همه این فایلا یکجا لود بشن ولی اینجا واسه هر فایل یه تگ اسکریپت باز شده

مانی جان، این یه پروژه آموزشی هست و لازم نیست سخت بگیری، توی پروژه‌های واقعی با npm باید پکیج‌های لازم رو install کنی و بعد مستقیم import کنی.

توی این پروژه وقتی از vitejs استفاده بشه که از فایل app.js بیلد بگیره باعث میشه یه سری مشکلات پیش بیاد چون یه سری کارها انجام میشه و وقتی همه فایلها رو میخواد ادغام و فشرده سازی کنه ممکنه یه سری بخش‌ها رو حذف کنه یا ادخامشون به مشکل بخوره.

خیلی خیلی ممنونم بابت راهنمایی هاتون . موفق باشید