Logging 使用workbox webpack插件时启用日志记录

我的项目有一个使用Workbox的服务工作者的旧部分实现。我一直在努力更新它，并在此过程中添加功能。在这个过程的某个地方，我丢失了dev控制台中的Workbox日志（Chrome版本81.0.4044.129）

我不确定这是在什么时候发生的，因为在我尝试升级和添加workbox窗口时，我并没有太多地关注它们，但我希望它们现在就回来

我正在使用workbox网页包插件和workbox窗口的v5.1.3

我的网页包配置如下所示：

      new WorkboxWebpackPlugin.InjectManifest({
        swSrc: './src/src-serviceWorker.js',
        swDest: 'serviceWorker.js',
        exclude: [/\.map$/, /asset-manifest\.json$/]
      }),

import { precacheAndRoute } from 'workbox-precaching'
import { registerRoute } from 'workbox-routing'
import { CacheFirst } from 'workbox-strategies'


precacheAndRoute(self.__WB_MANIFEST)
self.__WB_DISABLE_DEV_LOGS = false


registerRoute(
  /https:\/\/api\.***\.com\/graphql/,
  new CacheFirst()
)

我的service worker文件如下所示：

      new WorkboxWebpackPlugin.InjectManifest({
        swSrc: './src/src-serviceWorker.js',
        swDest: 'serviceWorker.js',
        exclude: [/\.map$/, /asset-manifest\.json$/]
      }),

import { precacheAndRoute } from 'workbox-precaching'
import { registerRoute } from 'workbox-routing'
import { CacheFirst } from 'workbox-strategies'


precacheAndRoute(self.__WB_MANIFEST)
self.__WB_DISABLE_DEV_LOGS = false


registerRoute(
  /https:\/\/api\.***\.com\/graphql/,
  new CacheFirst()
)

应用程序本身是一个react应用程序，最初是使用create react app创建的，但后来被弹出。我只是在进行生产构建并使用包在本地主机上运行时才查找日志

我已经检查了，这就是为什么我在行中添加了self.\uuuwb\u DISABLE\u DEV\u LOGS=false，但这没有什么区别

你知道我怎样才能把日志拿回来吗？这将使我的生活更加轻松，因为我正在尝试向服务人员添加移动功能。我还仔细检查了Chrome开发者工具中的所有日志记录级别，包括详细的日志记录

---

我还添加了自己的日志，它们确实会显示出来，因此我知道正在呼叫服务人员。

不幸的是，这在当前的文档中被隐藏了一些，但我认为文档的“”部分解释了发生的事情

Workbox的未绑定源代码由

if（process.env.NODE_env！=='production'）{…}

子句保护

process.env.NODE_env

，根据

模式

配置选项的值，使用

'development'

或

'production'

因此，如果您在

webpack

编译中使用

模式：'production'

，您将得到一个更小的Workbox包，但它不包含任何详细的日志记录语句。（仍然会有一些不太详细的错误日志记录。）

self.\uuuuwb\u DISABLE\u DEV\u LOGS=false

在使用Workbox的开发构建时非常有用（即，如果在绑定步骤中，if

process.env.NODE\u env

被替换为

“development”

），但您仍然希望禁用详细日志记录