دستور npm run watch

@saeedlovelorn2
سلام
شما ۲ تا کار میتونی انجام بدی:

1. اگر توی vscode هستی افزونه لایو سرور (live server) رو نصب کن و به راحتی استفاده کن.
2. میتونی با دستور زیر live server رو به صورت گلوبال رو سیستمت نصب کنی:

   npm install -g live-server

   بعد از اون میتونی با دستور زیر اجراش کنی :

   live-server اسم فایل

   دیگه نیازی هم رفرش کردن نداری.

افزونه ی live server رو نصب کنید، لذت ببرید : )

کاری که run watch انجام میده اینه که در جایی که تغییرات دادی و بعد سیو کردی اون برات کمپایل و رونوشت فایل قبلی کنه و ربطی به مرورگر نداره ، مرورگر فایلی که براش اون لحظه وجود داشت رو بارگزاری میکنه و شما عملا لایو نمیتونی که تغییرات رو ببینی!
تنها راهش همین افزونه live server هست که دوستان در بالا اشاره کردن.

من خودم معمولا از پکیج laravel-mix استفاده میکنم و خیلی عالیه. و نکته اش اینه که محدود به لاراول هم نیست. یعنی میتونه پروژه تون اصلا با لاراول نباشه ولی اگر بود که بهتر. نیاز به نصب جداگانه اش ندارید.

وقتی فعالسازی و نصبش انجام شد وارد فایل webpack.mix.js اگر بشید آخرش کد زیر رو وارد میکنید و بعد دستور npm run watch رو اجرا میکنید. خودش اتومات یک tab جدید بازمیکنه و به محض تغییر تو فایل هاتون عملیات کامپایل و بارگزاری مجدد مرورگر انجام میشه.

mix.browserSync('my-domain.test');

توضیحات بیشتر:
https://laravel.com/docs/5.8/mix#browsersync-reloading

من از browser sync استفاده میکنم خیلی اوکیه برام