标题中包含所有内容,我想知道如何使用Webpack Encore设置服务工作者。
我尝试在.addEntry('sw','./assets/js/sw.js')
中使用webpack.config.js
,但是,navigator.serviceWorker.register("/build/sw.js")
在开发环境中工作时,
prod中已编译的文件被重命名为/build/sw.8346cedc.js
,该名称与调用不再匹配。
我应该怎么做才能给服务人员打电话?
标题中包含所有内容,我想知道如何使用Webpack Encore设置服务工作者。
我尝试在.addEntry('sw','./assets/js/sw.js')
中使用webpack.config.js
,但是,navigator.serviceWorker.register("/build/sw.js")
在开发环境中工作时,
prod中已编译的文件被重命名为/build/sw.8346cedc.js
,该名称与调用不再匹配。
我应该怎么做才能给服务人员打电话?
您可以使用<script>
var swPath = "{{ encore_entry_js_files('sw') | first }}";
</script>
树枝函数来获取Service Worker脚本路径。
在HTML中创建全局变量,例如以下内容。
.splitEntryChunks()
如果webpack.config.js具有{{1}}功能,仍然会遇到麻烦,因为runtime.js将被分隔。