Q

如何在Create-React-App中修改自动生成的服务人员

2017-09-04 31 views 1 likes

1

我已经从Create-React-App库创建了一个示例应用程序。当我运行build命令时，它使用cache-first策略自行生成一个服务工作者。但我需要一些更多的功能，例如缓存所有API响应。我不知道如何修改包含自己生成的服务工作者自己的代码的脚本。我已经找到了一些我的案例的帮助热线，但是这些还不足以全面了解它。如何在Create-React-App中修改自动生成的服务人员

默认情况下，生成的服务工作者文件不会拦截或缓存任何跨源流量，如HTTP API请求，图像或从不同域加载的嵌入。如果您想为这些请求使用运行时缓存策略，则可以弹出并在webpack.config.prod.js的SWPrecacheWebpackPlugin部分中配置runtimeCaching选项。

上面这段是从官方doc

提前感谢！

2017-09-04 Yash Kochar

A

回答

1

您可以运行npm run eject并访问基础Webpack配置。

一旦你这样做了，可以修改webpack.config.prod.js文件来调整你生成的服务工作者。寻找section that configures SWPrecacheWebpackPlugin。

您可以在该节添加一个额外的runtimeCaching configuration option以适应您的运行时缓存需求。

2017-09-06 20:43:24

+1

我不喜欢弹出，因为弹出后，我要处理我自己的每一件事情。我正在考虑分叉CRA本身。 –

2

我们最近在一个项目上工作时遇到了类似的问题，我们不想“弹出”。我们创建了一个小工具，允许您将自定义服务工作者代码附加到由CRA生成的代码。

看一看这里：https://github.com/bbhlondon/cra-append-sw

2017-11-20 15:57:06

+0

很好的解决方法，谢谢！（如果遇到像我在部署过程中那样的'babel-loader'错误，请使用'--skip-compile'标志） – bplittle

相关问题