Javascript 如何配置sw precache网页包插件以缓存自定义路径

我已经用create-react-app创建了一个react-app并将其弹出。

service worker.js

正在寻找要缓存的

/index.html

、

/static/js/main.js

和

/static/css/main.css

。我想将其配置为查找

/index.html

、

/js/main.js

和

/js/main.css

，而不更改它们的输出目录。

---

谢谢

首先要知道的是

sw precache

实际上并不包含您的源代码。它们所做的是生成一个文件列表，一旦安装，它们将检索并存储在缓存中

也就是说，如果您已弹出，我建议您升级到最新版本，即现在的Workbox。（）

我经常使用它的方式是让它扫描目录中的特定文件类型，并包括这些文件类型。因此，如果我将图像添加到目录中，它将包含在新的服务人员中。 您可以将其设置为扫描生成文件夹

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

对于其他选项（如忽略大文件、不刷新哈希资产等），您可以在此处查看配置文档：

---

（）

首先要知道的是，

sw precache

实际上并不包含您的源代码。它们所做的是生成一个文件列表，一旦安装，它们将检索并存储在缓存中

也就是说，如果您已弹出，我建议您升级到最新版本，即现在的Workbox。（）

我通常使用它的方式是让它扫描目录中的特定文件类型，并将其包括在内。因此，如果我向目录中添加图像，它将包含在新的服务人员中。 您可以将其设置为扫描生成文件夹

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

对于其他选项（如忽略大文件、不刷新哈希资产等），您可以在此处查看配置文档：

---

（）

回应这一点，我不再维护sw precache网页包插件，您应该使用支持的workbox插件。回应这一点，我不再维护sw precache网页包插件，您应该使用支持的workbox插件。