对SW-PRECACHE服务工作者进行更改

Question

我正在使用sw-precache，我明白为了编辑servication-worker.js文件，我需要执行此操作（如service-worker.js文件中详细介绍）

//应该覆盖此文件作为构建过程的一部分。//如果您需要扩展生成的服务工作者的行为，最好的方法是编写//其他代码，并使用importscript选项包含它：//https://github.com/googlechrome/sw-precache#importscripts-arraystring

，但我不知道在哪里添加importScripts（）代码。它会在service-worker.js文件中使用吗？

Answer 1

只包括它：

importScripts: ['custom-offline-import.js']

这是一个配置的示例

var packageJson = require('../package.json');
var swPrecache = require('../lib/sw-precache.js');
var path = require('path');
function writeServiceWorkerFile(rootDir, handleFetch, callback) {
  var config = {
    cacheId: packageJson.name,
    runtimeCaching: [{
      // See https://github.com/GoogleChrome/sw-toolbox#methods
      urlPattern: /runtime-caching/,
      handler: 'cacheFirst'
    }],
    staticFileGlobs: [rootDir + '/**/*.{js,html,css,png,jpg,gif}'],
    stripPrefix: rootDir,
    importScripts: ['custom-offline-import.js']
  };
  swPrecache.write(path.join(rootDir, 'service-worker.js'), config, callback);
}

希望我能帮助您！

Answer 2

将其添加到SW-PRECACHE-CONFIG.JS文件中。

在这里很好的例子：使用服务工作者