reactjs - workbox webpack 4 プラグインが webpack 以外のアセットをプリキャッシュできない

Question

このドキュメントを使用して、PWA のイメージを事前にキャッシュしようとしています。

何度か繰り返してみましたが、グロブに苦労しています。

my のプラグイン コードの 1 つのインスタンスを次に示しますwebpack.config.js。

     new InjectManifest({
        swSrc: './client/sw-src.js',
        swDest: '../sw.js',
        exclude: [/\.twig$/],
        globPatterns: ['/img/*.{svg,jpg,webp}']
    }),

ディレクトリ構造は次のとおりです。

/public
    /dist => there's where the 'regular' webpack assets are
    /img => directory I want to add to precache on top of /dist
    ...

私も使用しようとしましたがglobDirectory、うまくいきませんでした。

以下のコードをファイルに手動で追加すると機能しsw-src.jsますが、これは理想的ではなく、エラーが発生しやすくなります。

 workbox.precaching.precache([
'/img/circles.svg',
'/img/concept-1.jpg',
......
]);

workbox.precaching.addRoute();