Angular CLI服务工作者TypeScript

时间:2018-10-19 10:36:09

标签: angular typescript webpack angular-cli service-worker

我正在Angular 6(Angular CLI)中开发一个渐进式Web应用程序。 官方服务工作者程序包无法满足我的需求,因为我需要为获取请求等实现自定义逻辑(将数据保存到IndexedDB等)。

我的问题是:

在Angular 6和Angular CLI中用打字稿中的自定义逻辑实现服务工作者的正确方法是什么?

我尝试使用service-worker-webpack-plugin(https://www.npmjs.com/package/serviceworker-webpack-plugin)和angular-builders / custom-webpack(https://github.com/meltedspark/angular-builders)来扩展webpack的配置,但是它不起作用。 当我将ServiceWorkerWebpackPlugin的条目指定为.ts文件时,构建后dist文件夹为空。没有错误。

/ 更新 /

在构建中指定--verbose标志后,出现错误:

“ ./ src / sw.ts中的错误     模块构建失败(来自path/node_modules/@ngtools/webpack/src/index.js):

错误:未找到AngularCompilerPlugin。 @ ngtools / webpack加载程序需要插件。         在Object.ngcLoader(path \ node_modules \ @ngtools \ webpack \ src \ loader.js:27:15)“

任何帮助将不胜感激。

0 个答案:

没有答案