add offline support via service worker

config/packages/framework.yaml

@@ -14,9 +14,6 @@ framework:
     php_errors:
         log: true
 
-    assets:
-        version_strategy: 'assets.modified_time_version_strategy'
-
     cache:
         # Put the unique name of your app here: the prefix seed
         # is used to compute stable namespaces for cache keys.

resources/ts/app.ts

@@ -38,7 +38,7 @@ Vue.use(Vuex);
 
     if ('serviceWorker' in navigator) {
         window.addEventListener('load', function() {
-            navigator.serviceWorker.register('/dist/service-worker.js');
+            navigator.serviceWorker.register('/service-worker.js');
         });
     }
 })();

webpack.config.js

@@ -60,7 +60,14 @@ const config = {
         new MiniCssExtractPlugin({ filename: '[name].css' }),
         new CopyWebpackPlugin([{ from: './resources/images/', to: '../images/', ignore: ['*.ai'] }]),
         new ImageminPlugin({ test: /\.(jpe?g|png|gif|svg)$/i }),
-        new GenerateSW()
+        new GenerateSW({
+            navigationPreload: true,
+            runtimeCaching: [{
+              urlPattern: ({event}) => event.request.mode === 'navigate',
+              handler: 'NetworkFirst',
+            }],
+            swDest: '../service-worker.js'
+        })
     ],
     optimization: {
         minimizer: [