Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Webpack 如何将自定义代码附加到生成的service worker文件中_Webpack_Sw Precache - Fatal编程技术网

Webpack 如何将自定义代码附加到生成的service worker文件中

Webpack 如何将自定义代码附加到生成的service worker文件中,webpack,sw-precache,Webpack,Sw Precache,我正在使用Webpack和swPrecache。swPrecache为我生成了一个service-worker.js文件,现在我想将自定义代码附加到生成的文件中 我创建了一个Webpack插件,将babel转换后的代码附加到service-worker.js文件中,如下所示: swPrecache.write(filePath, options, (function(err) { // If we want to append an additional file. if (optio

我正在使用Webpack和swPrecache。swPrecache为我生成了一个service-worker.js文件,现在我想将自定义代码附加到生成的文件中

我创建了一个Webpack插件,将babel转换后的代码附加到service-worker.js文件中,如下所示:

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文件,但我不确定如何生成,可能是通过自定义入口点?

要将自定义脚本包含到生成的serviceWorker中,方法是使用
sw precache
config中的
importScripts
选项。您可以找到更多详细信息