在webpack 5中使用new URL加载service worker

Question

根据webpack 5发布说明，webpack将检测web worker和service worker的入口点，并创建新的块-参见https://webpack.js.org/blog/2020-10-10-webpack-5-release/#native-worker-support

这似乎在网络工作者中工作得很好-下面创建了一个名为my-worker.js的网络工作者

function createWorker() {
return new Worker(
new URL(`./MyWorker.js`, import.meta.url) /* webpackChunkName: "my-worker.js" */
);
}

但是-当我对service worker尝试同样的操作时，这不起作用:(

function register(options) {
return window.navigator.serviceWorker.register(
new URL('./ServiceWorkerController.js', import.meta.url),
options
/* webpackChunkName: "service-worker.js" */
);
}

我错过了什么?

Answer 1

我成功了

webpack会识别出这个——并生成一个chunk

function register(options) {
return navigator.serviceWorker.register(
new URL('./ServiceWorkerController.js', import.meta.url),
options
/* webpackChunkName: "service-worker.js" */
);
}

当我使用window.navigator时，它不会