service - 工兵和服务 worker

Question

这更像是一个服务 worker 问题，尽管它可能更具体地针对 Sapper .我真的不知道，因为我是第一个管理我与 Service Workers 斗争的人，几乎没有使用过它们，并且感觉它们经常让我感到痛苦。

基本上，无论我做什么，我都无法让 localhost:3000 停止加载应用程序的旧副本。我已经以各种方式取消注册服务 worker ，包括尝试以编程方式取消注册。我清除了缓存，甚至清除了浏览器中的所有浏览数据。我的 Sapper 开发环境中的服务器没有运行。

这在 Brave 中发生，但在 Opera 中表现相同，并且似乎是一般的 Chromium 场景。我不使用 Firefox 或 Safari，但可能很快就会测试其中的一个，看看那里会发生什么行为。

这是一个剪辑，显示了我如何尝试取消注册 Service Worker。

https://youtu.be/Cb24I_fEklE

Answer 1

我使用了这个小技巧，就像一个魅力。在您的 rollup.config.js ，有一个 serviceWorker outputs 中的对象目的。

serviceworker: {
    input: config.serviceworker.input(),
    output: config.serviceworker.output(),
    plugins: [
      resolve(),
      replace({
        "process.browser": true,
        "process.env.NODE_ENV": JSON.stringify(mode),
      }),
      commonjs(),
      !dev && terser(),
    ],

    preserveEntrySignatures: false,
    onwarn,
  },

定义一个变量 dev如果尚未声明，则在顶部:

const dev = process.env.NODE_ENV === "development";

现在像这样更改您的服务 worker 配置:

serviceworker: !dev && {
    input: config.serviceworker.input(),
    output: config.serviceworker.output(),
    plugins: [
      resolve(),
      replace({
        "process.browser": true,
        "process.env.NODE_ENV": JSON.stringify(mode),
      }),
      commonjs(),
      !dev && terser(),
    ],

    preserveEntrySignatures: false,
    onwarn,
  },