integraion with backend in progress

config/webpack.config.flask.js

@@ -254,6 +254,32 @@ module.exports = {
       new ManifestPlugin({
         fileName: 'asset-manifest.json',
       }),
+      new SWPrecacheWebpackPlugin({
+        // By default, a cache-busting query parameter is appended to requests
+        // used to populate the caches, to ensure the responses are fresh.
+        // If a URL is already hashed by Webpack, then there is no concern
+        // about it being stale, and the cache-busting can be skipped.
+        dontCacheBustUrlsMatching: /\.\w{8}\./,
+        filename: 'service-worker.js',
+        logger(message) {
+          if (message.indexOf('Total precache size is') === 0) {
+            // This message occurs for every build and is a bit too noisy.
+            return;
+          }
+          console.log(message);
+        },
+        minify: true,
+        // For unknown URLs, fallback to the index page
+        navigateFallback: publicUrl + '/index.html',
+        // Ignores URLs starting from /__ (useful for Firebase):
+        // https://github.com/facebookincubator/create-react-app/issues/2237#issuecomment-302693219
+        navigateFallbackWhitelist: [/^(?!\/__).*/],
+        // Don't precache sourcemaps (they're large) and build asset manifest:
+        staticFileGlobsIgnorePatterns: [/\.map$/, /asset-manifest\.json$/],
+        // Work around Windows path issue in SWPrecacheWebpackPlugin:
+        // https://github.com/facebookincubator/create-react-app/issues/2235
+        stripPrefix: paths.appBuild.replace(/\\/g, '/') + '/',
+      }),
       new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
       new WriteFilePlugin()
     ],