如何将webpack包导入服务工作者？

Question

我一直在寻找一个简单的解决方案，将webpack创建的完整捆绑包导入服务工作者。我有几个问题：

1. 当我使用webpack捆绑单个文件时，我可以将此脚本导入我的服务工作者。但是，如果我“要求（导入）”文件内的文件是importScripted，那么服务工作者会抱怨它不知道导出的含义。 如何解决此问题？
2. 我的条目文件应该是什么格式的commonjs，umd ......？由于importScript似乎只是导入文件的全局函数，我甚至不知道webpack是否是正确的解决方案。 是吗？其他人似乎已经使用过它。
3. 我可以像普通客户端捆绑一样导入我想要的任何node_module组件吗？ 有限制吗？
4. 文件在哪里??? 也许我误解了一些事情......

提前致谢

Answer 1

这不是服务工作者的工作方式。

importScripts旨在导入服务工作者代码，而不是您的应用程序代码。

您真正想要的是根据您的捆绑包自动生成的服务工作者。您可以使用引擎盖下使用优秀this webpack plugin的sw-precache。