首页 > 解决方案 > 在 Workbox + Webpack 自定义 Service Worker 中导入模块

问题描述

我正在使用 vue-cli + Webpack + Workbox 设置(即设置使用 register-service-worker)。我已经将我的 vue.config.js 设置为使用自定义服务工作者。我想将模块(例如身份验证、api 包装器等)导入我的自定义服务工作者,但我收到“无法在模块外使用导入”错误。

我尝试了 importScripts,但是一旦 webpack 执行,文件就不可用了,所以也失败了。

我的目标:将模块导入我的自定义服务工作者,并能够在部署之前在“num run serve”devServer 上对其进行测试。

ps 为了让我的开发服务器加载自定义服务工作者,我必须--mode production在 package.json 的脚本部分中使用 .. 这禁用了 HRM,但它仍然有用,因为我可以调试我的自定义 SW。现在我坚持进口。

任何帮助将不胜感激!

标签: vue.jswebpackservice-workervue-cliworkbox

解决方案


推荐阅读