webpack - webpack 5 を使用したワークボックスは、プリキャッシュマニフェストを生成しません

Question

現在、workbox InjectManifest Plugin を使用して新しい webpack 5.0.0-alpha2 をセットアップしようとしています。

私が知る限り、これは precacheManifest を生成し、これを serviceWorker に挿入して、workbox.precaching.precacheAndRoute(self.__precacheManifest || []);.

しかし、私にとっては、precacheManifest は生成されず、この行は持続します。

これは私の Workbox Webpack プラグイン構成です:

        new WorkboxPlugin.InjectManifest({
            swSrc: './src/Login/js/sw/sw.js',
            swDest: 'sw/sw.js'
          }),

だから特別なことは何もありません。

score 0 · Accepted Answer

"workbox-webpack-plugin": "4.3.0" を使用していますが、正常に動作します。

Webpackで

const { InjectManifest } = require("workbox-webpack-plugin");

Webpack プラグインセクションで

new InjectManifest({
      swSrc: "./service-worker.js",
      swDest: `${BUILD_Folder}/service-worker.js`,
      exclude: [/test.*/]
    })

Dest フォルダーに importScripts スクリプトがあり、マニフェストと workbox-cdn workbox-sw.js ファイルがあるかどうかを確認できますか

webpack - webpack 5 を使用したワークボックスは、プリキャッシュ マニフェストを生成しません