如何使用Workbox和Webpack生成工作的服务工作者？

Question

我正在尝试建立我的第一个PWA，但我正在努力使一切正常运行。我一直在将“ GenerateSW”添加到我的webpack.prod.js中，如下所示：

const { GenerateSW } = require('workbox-webpack-plugin');
...
    plugins: [
...
new GenerateSW()
]
...

构建过程生成了一个包含许多条目的service-worker.js，但是据我所知，它不包含vendor.bundle.js

应该包含所有生成的js文件，还是缺少vendor.bundle.js是否正确？启动应用程序时，我可以在“ Cache Storage / workbox-precache-v2”中找到一些预缓存的文件，但该位置也缺少vendor.bundle.js。虽然它包含main.bundle.js，但是当切换到脱机并重新加载页面时，我看到main.bundle.js也未加载：main.bundle.js？06c1420d003c1b00a02a（失败）是因为webpack在加载捆绑软件时添加了URL参数吗？

PWA清单也无法加载，可能是因为服务工作者无法启动？

Answer 1

我不得不像这样增加要预缓存的对象的文件大小：

new GenerateSW({
    maximumFileSizeToCacheInBytes : 5000000
})