به روزرسانی فایل های css و js در سرور

@mostafa.8722
درمورد سرور اطلاعی ندارم ، ولی میتونید از پلاگین Live server برای VSCode استفاده کنید ،البته نسخه‌ی کروم هم داره. نسخه‌ی کرومش رو تست نکردم.

سلام

اگه از laravel mix و دستورات npm استفاده میکنید میتونید از cache busting استفاده کنید این اموزش رو دنبال کنید

https://medium.com/@kng_maaj/cache-bursting-how-to-solve-versioning-issues-on-laravel-app-5179fc924df5

https://medium.com/@avosalmon/cache-busting-using-laravel-mix-and-cloudfront-s3-eb222b569f88

بصورت کلی باید بدونید که اگر موقع فراخونی فایل css یا js تون یک query string جدید بهش بدید مرورگر خودش میفهمه که باید نسخه جدید رو دوباره دانلود کنه و از نسخه کش شده استفاده نکنه. یعنی اگر اولش اینجوری بود:

<link rel="stylesheet" href="https://roocket.ir/css/app.css">

اگر تغییرش بدید به:

<link rel="stylesheet" href="https://roocket.ir/css/app.css?version=2.0">

مرورگر از نسخه از نسخه کش شده استفاده نمیکنه. و باز اگر تغییرات جدیدی اعمال کردید کافیه مقدار این query string رو عوض کنید. مثلا:

<link rel="stylesheet" href="https://roocket.ir/css/app.css?version=2.1">

حالا اگر یک سری ابزارها هستند که میان هر سری که تغییری در فایل های resource تون انجام میدین بعد از compile کردنش بصورت اتومات انجام میدن. یعنی یک عبارت رندوم رو به آخر آدرس ها اضافه میکنند. اینجوری:

<link rel="stylesheet" href="https://roocket.ir/css/app.css?id=fc06e30975663b3a6548">

با کلیدواژه cache busting که بالا تر اشاره شد اگر سرچ کنید اطلاعات بیشتر وروش های متخلفش رو میتونید ببینید. پیشنهاد بنده هم استفاده از laravel-mix هست که خیلی ساده و بی دردسر با استفاده از دستور .version() این کارو براتون انجام میده و در مستندات خودش میتونید توضیحات بیشترش رو مشاهده کنید.

https://laravel.com/docs/7.x/mix#versioning-and-cache-busting