gpt4 book ai didi

javascript - 如何使用 webpack encore 设置 Service Worker?

转载 作者:行者123 更新时间:2023-12-02 22:28:40 24 4
gpt4 key购买 nike

关于标题中的所有内容,我想知道如何使用 Webpack Encore 设置我的 Service Worker。

我尝试在 webpack.config.js 中使用 .addEntry('sw', './assets/js/sw.js') ,但是,< br/>当 navigator.serviceWorker.register("/build/sw.js") 在开发环境中工作时,
prod 中的编译文件被重命名为 /build/sw.8346cedc.js,它不再与调用匹配。

我应该怎么做才能调用我的 Service Worker?

最佳答案

您可以使用 {{ encore_entry_js_files('sw') }} twig 函数获取 Service Worker 脚本路径。

在 html 中创建一个全局变量,如下所示。

<script>
var swPath = "{{ encore_entry_js_files('sw') | first }}";
</script>

如果你的 webpack.config.js 有 .splitEntryChunks() 函数,你仍然会遇到麻烦,因为 runtime.js 将被分离。

关于javascript - 如何使用 webpack encore 设置 Service Worker?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58980225/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com