Webpack 如何将自定义代码附加到生成的service worker文件中
我正在使用Webpack和swPrecache。swPrecache为我生成了一个service-worker.js文件,现在我想将自定义代码附加到生成的文件中 我创建了一个Webpack插件,将babel转换后的代码附加到service-worker.js文件中,如下所示: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
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
选项。您可以找到更多详细信息