Обновление производственного браузера Webpack

Question

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

Answer 1

Вы не хотите использовать команду --watch webpack cli, потому что это повлияет на ваш работающий сервер / api, и да, при использовании с Hot Module Reloading, которая может вызвать перезагрузку - она ​​добавляет конечную точку, которую пингуетс помощью различных средств, включая резервный опрос.

Вы не хотите, чтобы это производилось, клиенты потенциально могут очень быстро отправлять запросы на сравнение версий.Вместо этого вы должны сгенерировать manifest.json как часть вашего процесса сборки и поместить его с вашими общедоступными активами в качестве конечной точки, к которой могут обращаться клиенты вашего браузера.

Затем вы можете контролировать интервал обновления.Вы также можете связать это с работником сервиса.Но базовый пример будет использовать простой xhr / fetch, проверить, изменился ли хеш сборки в manifest.json с разумным значением setInterval, и имеет ли он вызов location.reload ().Совет при тестировании: location.reload (true) избегает кеширования браузера.

Для генерации:

var ManifestPlugin = require('webpack-manifest-plugin');

module.exports = {
    // ...
    plugins: [
      new ManifestPlugin()
    ]
};

Answer 2

Это не имеет ничего общего с веб-пакетом. Webpack - это модуль-упаковщик. у него есть Webpack dev server для целей разработки с живой перезагрузкой (с использованием веб-сокета). При создании приложения у вас будут только статические файлы. Вы сами выбираете сервер, обслуживающий эти файлы, поэтому в вашем комплекте нет ни сервера websocket, ни клиента websocket.

То, что вы хотите сделать в производстве, возможно, но для меня это кажется сложным без особой выгоды.