Как заставить браузер обновить файлы js и css на сайте Lararel после их обновления на продакшн-сервере?

Question

[Артем Менченя]

Добрый день. В webpack есть возможность задать version компилируемых css и js файлов (Laravel5) и на локальном сервере все работает здорово. Но когда загружаешь файлы проекта на сервер обновление файлов css и js происходит только после сброса истории браузера (Ctrl+F5). Подскажите, как решить эту проблему?

Comments

[Максим Федоров]

поставьте тег webpack, может js-парни помогут быстрее...

[Артем Менченя]

Максим Федоров, поставил

[Максим]

Артем Менченя Опишите подробнее (в Laravel ни в зуб ногой).
Есть у вас страница, на ней есть bundle файл джсный (или несколько), у него есть version, а значит постоянно после обновления - разное имя. Браузер делает get запрос, видит что имя изменилось - значит из кэша ему брать нечего, он загружает файл по новой. По-другому браузер не умеет.

[Артем Менченя]

Максим, А я в webpack ни в зуб ногой :) просто использую по мануалу. За отображение фала отвечает фукция laravel mix('/css/app.css') (мануал тут). На локальном сервере все работает на ура (имена файлов не меняются, но после имени фала добавляется уникальная строка, например:

<link href="/css/app.css?id=0553e7ecdec62e60395a" rel="stylesheet">

). Но когда файлы проекта загружаешь на продакшн-сервер ничего не происходит (остается старая строка), пока не пререзагрузишь через Ctrl+F5

[Arman]

Артем Менченя, хэш точно поменялся на продакшн? пересборка стилей тоже на продакшн? она запускается? (npm run production)?

[Максим]

Артем Менченя, думаю дело в том, что у вас index.html кэшируется, как с этим бороться - это уже нужно смотреть ваш продакшен сервер.

Answer 1

[Александр Талалаев]

У вас все хорошо, просто это кеш.
Для самого простого деплоя (допустим тупо git pull) используйте нечто вроде этого.
Модифицируйте под свои нужды этот скрипт под себя.
Ну а так, безусловно во время деплоя нужно насильно очищать все кэши, тогда изменения будут видны.

Answer 2

[Александр Аксентьев]

https://laravel.com/docs/5.6/mix#versioning-and-ca...

Answer 3

[UksusoFF]

В том месте где css/js подключается в шаблоне выводите версию приложения после .css?v={{ config('app.version') }}