5

Webpack と swPrecache を使用しています。swPrecache によって service-worker.js ファイルが生成され、生成されたファイルにカスタム コードを追加したいと考えています。

次のように、babel 変換されたコードを service-worker.js ファイルに追加する Webpack プラグインを作成しました。

swPrecache.write(filePath, options, (function(err) {

  // If we want to append an additional file.
  if (options.appendFile) {
    var sync = fs.readFile(options.appendFile, (error, code) => {
      if (error) {
        throw error;
      }
      let transformed = babel.transform(code, options.babelConfig || {});
      fs.appendFile(filePath, transformed.code);
    });
  }

  callback(err);
}));

require() ただし、これには、追加しているファイルで機能させるためのコードは含まれていません。Webpack を使用して service-worker.js ファイルを生成する必要があると思いますが、おそらくカスタム エントリ ポイントを介してそれを行う方法がわかりませんか?

4

1 に答える 1

2

生成された serviceWorker にカスタム スクリプトを含めるには、 config でオプションを使用することをお勧めします。詳細については、こちらを参照してください。importScriptssw-precache

于 2016-10-11T06:07:36.730 に答える