代码之家 › 专栏 › 技术社区 › JoeTidee

Workbox-如何通过webpack传输服务工作者文件?

workbox-webpack-plugin workbox webpack

0

JoeTidee · 技术社区 · 4 年前

我目前正在使用来自的GenerateSW插件生成一个服务工作者文件 workbox-webpack-plugin :

new GenerateSW({
    cacheId: 'foo',
    clientsClaim: true,
    inlineWorkboxRuntime: true,
    runtimeCaching: [
         {
              urlPattern: /^https:\/\/fonts\.googleapis\.com.*/,
              handler: 'StaleWhileRevalidate',
         },
    ],
    skipWaiting: true,
    sourcemap: false,
    swDest: 'sw.js',
}),

由此产生 sw.js 文件包含由 GenerateSW 插入插件。但是,这段代码并不是透明的,我需要它,因为Google关于编写它的ecmascript版本的决定是独立于我的。我可以传送 软件js 在webpack运行之后使用babel文件,但是我想知道是否有一种方法可以简单地自动传输这个文件(最好使用相同的方法) env 网页包本身使用的信息)?

0 回复 | 直到 4 年前

1

3

Jeff Posnick 4 年前

workbox-webpack-plugin pass in babelPresetEnvTargets 配置生成的服务工作进程的传输过程。

new GenerateSW({
  // Use the Array<string> syntax from
  // https://babeljs.io/docs/en/babel-preset-env#targets
  babelPresetEnvTargets: ['chrome >= 80'],

  // ...other options...
}),