我在哪里将setConfig表单导入Workbox v5中?

时间:2019-10-31 23:10:06

标签: workbox

在Workbox v4中,这很容易:workbox.setConfig({ debug: false });

我在哪里从{5中导入setConfig?不幸的是,文档还不存在。

1 个答案:

答案 0 :(得分:1)

如果您正在使用CDN版本的Workbox v5,则workbox.setConfig({debug: false})的工作方式与以前相同。 (但是我假设如果您使用的是CDN版本,您不会问这个。)

我们希望大多数人不会通过CDN来使用Workbox v5,而是通过使用JavaScript模块并创建自己的捆绑服务工作者来使用。在该设置中,在devprod模式之间切换是不同的。

Workbox代码库使用process.env.NODE_ENV变量来确定它是处于dev还是prod模式,并带有if条语句like these,这些语句将有条件地记录整个代码。

如果您正在使用webpack创建使用Workbox JavaScript模块的捆绑服务工作器,那么process.env.NODE_ENV将自动替换为configured mode的值。这意味着一切都应该“正常工作”,并且将webpack配置为处于开发模式时,您将获得一个带有额外日志记录语句的捆绑包,而将webpack投入生产时,您将获得一个较小的捆绑包而无需记录日志模式。

如果您正在使用Rollup或其他捆绑程序来使用Workbox JavaScript模块,则需要添加一个插件(如@rollup/replace),该插件将根据是否使用字符串替换process.env.NODE_ENV您要创建devprod捆绑包。

在后台,如果您在Workbox v5中使用generateSW模式,我们将使用汇总来创建最终的捆绑服务工作者。您可以看看我们如何在workbox-build source code中处理字符串替换。