progressive-web-apps - 不会被预缓存。配置 maximumFileSizeToCacheInBytes 以更改此限制 (PWA)

Question

帮帮我。运行“npm run dev”后出现问题警告出现:

WARNING in css/app.css is 4.13 MB, and won't be precached. Configure maximumFileSizeToCacheInBytes to change this limit.

警告是什么意思？谁能解释一下？以及如何解决？谢谢好心人^^

Answer 1

sw-precache 检查 service worker 在注册时会立即缓存(precache)哪些文件。在构建期间，sw-precache 发现 app.css 是您的应用程序的一部分，并希望将其添加到预缓存文件列表中。但是您的 app.css 有 4.13 MB，对于默认配置来说太大了。

第一个建议是:检查您是否真的需要那么多 CSS，以及是否可以减小文件大小。

如果这不可能，您可以调整 maximumFileSizeToCacheInBytes:

我不确定你是否使用 sw-precache，因为它是 outdated ，你应该切换到使用 workbox-build。

对于工作箱构建，通过设置 maximumFileSizeToCacheInBytes 使用以下配置:

// build-sw.js

import {generateSW} from 'workbox-build';

generateSW({
  swDest: './dist/sw.js',
  maximumFileSizeToCacheInBytes: <yourMaxFileSizeInBytesGoesHere>
  .....
});