Main webpack output bundle no longer pre-cached in V5

Library Affected: workbox-precaching, V5 Alpha 2

Browser & Platform: webpack

Issue or Feature Request Description: My main output file from webpack is no longer being included in the precache manifest after upgrading from V4 to V5. Here are the js assets that webpack outputs to my filesystem:

1.index_bundle.js
2.index_bundle.js
editor.worker.js
index_bundle.js
typescript.worker.js

Here’s the cache manifest file that workbox v4 would output. Note that index_bundle.js is included.

self.__precacheManifest = (self.__precacheManifest || []).concat([
  {
    "revision": "c4bddb31ace86dbd7f567b40cb5a0bfd",
    "url": "index.html"
  },
  {
    "revision": "6180120d73972d5b0c2a",
    "url": "js/1.index_bundle.js"
  },
  {
    "revision": "96df8d6da3d4ae7f5051",
    "url": "js/2.index_bundle.js"
  },
  {
    "revision": "1fe07dc59a6c1a48c4fd173280d8ba88",
    "url": "js/editor.worker.js"
  },
  {
    "revision": "85e7395985be8377cdee",
    "url": "js/index_bundle.js"
  },
  {
    "revision": "b74c9f976a468d7407e2346e516585b8",
    "url": "js/typescript.worker.js"
  }
]);

Here’s the precache manifest that V5 outputs (inline in sw.js):

self.__WB_MANIFEST = [
  { revision: "c4bddb31ace86dbd7f567b40cb5a0bfd", url: "index.html" },
  { revision: "d4059a63ae8430589d9ddb5a4b1be0eb", url: "js/1.index_bundle.js" },
  { revision: "208f42a5bd2761181e6078e893d5dad7", url: "js/2.index_bundle.js" },
  { revision: "1fe07dc59a6c1a48c4fd173280d8ba88", url: "js/editor.worker.js" }
];

index.bundle.js is missing here (and also typescript.worker.js I just noticed). The only change on my end is upgrading workbox. Not sure what to do to further debug why this is the case any advice is appreciated.

[jeffposnick]

Thanks for the reproduction steps.

It might be hard to spot amongst all the other WARNING messages, but the following is logged and explains what’s going on:

WARNING in index_bundle.js is 2.1 MB, and won't be precached. Configure maximumFileSizeToCacheInBytes to change this limit.

WARNING in typescript.worker.js is 4.11 MB, and won't be precached. Configure maximumFileSizeToCacheInBytes to change this limit.

As the message explains, you can configure maximumFileSizeToCacheInBytes to a value larger than the size of those assets if you want to precache them. (But be aware, of course, that precaching several megabytes unconditionally might not play nicely with devices using low-end connections. You know your user base better than I do, of course.)

[stefanli]

🤦‍♂️ Argh. Thanks and sorry for taking up your time with this. This is under development so haven’t gotten to code splitting things properly yet. It’s also an offline first desktop app so requirements are a bit more relaxed.