PromucFlow_constructor/app/client/craco.dev.config.js

const { merge } = require("webpack-merge");
const WorkboxPlugin = require("workbox-webpack-plugin");
const common = require("./craco.common.config.js");

module.exports = merge(common, {
  devServer: {
    client: {
      webSocketURL: {
        hostname: "127.0.0.1",
        pathname: "/ws",
        port: 3000,
        protocol: "ws",
      },
      overlay: {
        warnings: false,
        errors: false,
      },
    },
  },
  webpack: {
    configure: {
      optimization: {
        minimize: false,
      },
      cache: {
        type: "filesystem",
        memoryCacheUnaffected: true,
      },
      experiments: {
        cacheUnaffected: true,
      },
    },
    plugins: [
      new WorkboxPlugin.InjectManifest({
        swSrc: "./src/serviceWorker.ts",
        mode: "development",
        swDest: "./pageService.js",
        exclude: [
          // Don’t cache source maps and PWA manifests.
          // (These are the default values of the `exclude` option: https://developer.chrome.com/docs/workbox/reference/workbox-build/#type-WebpackPartial,
          // so we need to specify them explicitly if we’re extending this array.)
          /\.map$/,
          /^manifest.*\.js$/,
          // Don’t cache the root html file
          /index\.html/,
          // Don’t cache LICENSE.txt files emitted by CRA
          // when a chunk includes some license comments
          /LICENSE\.txt/,
          // Don’t cache static icons as there are hundreds of them, and caching them all
          // one by one (as the service worker does it) keeps the network busy for a long time
          // and delays the service worker installation
          /\/*\.svg$/,
          /\.(js|css|html|png|jpg|jpeg|gif)$/, // Exclude JS, CSS, HTML, and image files
        ],
      }),
    ],
  },
});