让webpack处理导入库中的服务工作者

时间:2018-05-07 18:00:03

标签: javascript webpack service-worker

我正在编写一个包含服务工作者的库。我想创建使用这样的说明:

npm install my-lib
...
import MyLib from 'my-lib'
...
MyLib.init();

init()函数中,我需要注册服务工作者。

我希望实际的服务工作者文件在我的库中,如果我没有要求客户更改他们的webpack.config.js文件,那就太好了。

我的库是否有办法表明应该将服务工作者文件复制到服务器而不进行处理以便可以注册?

我以为我的图书馆会有如下结构:

public
    sw.js
src
    etc.js
index.js
package.json

感谢您提供任何帮助。我发现的大多数信息都涉及缓存资产的PWA服务工作者,而且我看不到有关简单,通用服务工作者的大量信息。

1 个答案:

答案 0 :(得分:2)

您可以使用Blob而不是单独的文件作为工作人员脚本:How to create a Web Worker from a string