offline-plugin VS react-refresh-webpack-plugin

For example, you have a Progressive Web Application using Service Workers, written in Angular, then you have to create a service worker manifest based on your output files. We don’t have a solution for this on Meteor CLI natively. However, Webpack has a lot of community plugins such as OfflinePlugin , Workbox and many others for this problem as a solution. Just install them, and add to your webpack.config.js . Meteor-Webpack will handle it like you’re working on a pure Webpack project.

Since Omatsuri is a browser only application the only thing that we need from service worker is to cache assets and provide app shell. Offline plugin does exactly that, the only thing we need to do – add it to the production build in webpack config:

as mentioned above, we're using the webpack; therefore, we're going to use @pmmmwh/react-refresh-webpack-plugin to apply the Fast Refresh feature to our app. I mean, it's for development, so what's the harm of trying it right?

You didn't mention what version of webpack. You also want to use react-refresh-webpack-plugin.

https://github.com/pmmmwh/react-refresh-webpack-plugin/ follow this worked for me. Feel free to reach out if you face issues.

December 2019: @pmmmwh/react-refresh-webpack-plugin (fast Refresh for React+Webpack initial release)