javascript - Nextjs 删除工作箱 console.log 消息

Question

知道如何禁用 这些来自 workbox 的 console.log 消息在 NextJS 项目中？我刚开始一个新的仓库，它给了我太多我现在不需要的信息

Answer 1

来自 next-pwa docs , 小贴士部分:

您需要做的就是创建 worker项目根目录中的目录，然后放入 index.js里面的文件:

// To disable all workbox logging during development, you can set self.__WB_DISABLE_DEV_LOGS to true
// https://developers.google.com/web/tools/workbox/guides/configure-workbox#disable_logging

// eslint-disable-next-line no-underscore-dangle,no-restricted-globals
self.__WB_DISABLE_DEV_LOGS = true;

然后重新启动服务器 - 控制台中必须没有日志。

我还发现另一个有用的选项 - 在开发过程中完全禁用 sw。您可以使用 disable next.config.js 中的选项，这是我的例子:

const path = require('path');
const withPWA = require('next-pwa');
const runtimeCaching = require('next-pwa/cache');

module.exports = withPWA({
  pwa: {
    dest: 'public',
    scope: '/',
    runtimeCaching,
    disable: process.env.NODE_ENV === 'development',
  },
  sassOptions: {
    includePaths: [path.join(__dirname, 'assets/jss/vendor')],
  },
});

服务器重启后，sw将不再接收更新，但需要手动删除旧的: