Question

我已经使用create-react-app创建了一个react应用程序并将其弹出。 service-worker.js正在寻找要缓存的/index.html，/static/js/main.js和/static/css/main.css。我想将其配置为查找/index.html，/js/main.js和/js/main.css而不更改其输出目录。感谢

Answer 1

首先要知道的是sw-precache实际上并不包含您的源代码。他们所做的是生成一个文件列表，一旦安装就会检索并存储在缓存中。

如果您已经弹出，我会建议您升级到最新版本，现在称为Workbox。（https://developers.google.com/web/tools/workbox/get-started/webpack）

我总是使用它的方法是让它扫描特定文件类型的目录并包含它们。因此，如果我将图像添加到目录中，它将包含在新的服务工作者中。您可以将其设置为扫描构建文件夹。

new workboxPlugin({
  globDirectory: path.resolve('build'),
  globPatterns: ['**/*.{html,js,css,png,svg}'],
  swDest: path.resolve('dist', 'sw.js'),
}),

对于其他选项（例如忽略大文件，不刷新散列资源等，您可以在此处查看配置文档：（https://developers.google.com/web/tools/workbox/reference-docs/latest/module-workbox-build#.Configuration）

如何配置sw-precache-webpack-plugin来缓存自定义路径

1 个答案: