Ionic 3, angular 5 - проблема с кешем в веб-приложении

Question

У нас есть веб-приложение (мы создаем для платформы браузера), и наши пользователи получают к нему доступ с помощью своих мобильных браузеров (это запасной вариант для тех, кто не хочет использовать само приложение).

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

Мы попробовали несколько решений, чтобы «принудить» клиента перезагрузить обновленный файл с сервера безуспешно.

Мы попытались установить no-cahce для нашей конфигурации nginx.Попытка добавления метки времени к индексным файлам.Пробовал настраивать на заказ сервисных работников.До сих пор мы сталкиваемся с некоторыми пользователями, которые, пока они не очистят свой кеш, не будут работать должным образом.

Есть предложения?Есть ли способ заставить клиента повторно загрузить обновленные файлы после обновления?Есть ли способ изменить настройки ионной сборки, чтобы включить временную метку или что-то подобное для всех сгенерированных файлов?

Спасибо:)

Answer 1

Мне удалось решить проблему.Решением было добавление хеша к файлам страниц, сгенерированным ионной сборкой.

Эта строка должна быть добавлена ​​в начало файла webpack.js:

var useDefaultConfig = require('@ionic/app-scripts/config/webpack.config.js');

А затем вФункция module.exports добавляет следующее:

useDefaultConfig.prod.output['chunkFilename'] = "[name].[chunkhash].chunk.js";

Это приводит к тому, что сгенерированные файлы по-разному хэшируются в каждой сборке.