Вот я потратил много времени на настройку окружения для workbox от google. Метался между cli, webpack-workbox, и npm пакетом в качестве инструмента сборки. В итоге webpack не может работать как надо(есть не закрытый issue для выполнения во время работы watch), осталось cli и npm методы сборки.
Нашел в интернете код для выполнения worbox-build (это какраз npm пакет для сборки) внутри задачи gulp.
Собственно несовсем понимаю почему пакет npm может выполнятся gulp. Буду рад если кто то скинет ссылки на нужную документацию для понимания. Код приложу ниже.
const gulp = require ('gulp');
const workboxBuild = require('workbox-build')
gulp.task('bundle-sw', () => {
return workboBuild.generateSW({
globDirectory: './',
swDest: './dist/sw.js',
globPatterns: ['**\/*.{html,js,css}']
})
});