在Vue CLI 3中禁用PWA插件

Question

我在使用VueCLI 3附带的默认服务工作程序缓存文件时遇到一些问题.我更喜欢使用默认的浏览器缓存机制,但似乎无法禁用PWA插件,因为它不在vue.config.js文件中.将空白对象传递给该pwa选项不起作用,因为该对象已合并但未被覆盖.

Answer 1

我通过执行以下操作解决了这个问题

1. 删除registerServiceWorker.js文件
2. 除去进口registerServiceWorker.js的main.js.
3. 除去PWA从插件devDependencies在package.json.

Answer 2

Vue 在版本 4 中启用了一种方法来禁用某些构建的 pwa。现在您可以--skip-plugins pluginname在构建过程中添加。这个对我来说很好用：

 npx vue-cli-service build --skip-plugins pwa,workbox

参考：https : //cli.vuejs.org/guide/cli-service.html#skiping-plugins

Answer 3

有一个开放但被接受的提议将其添加到核心功能中：https : //github.com/vuejs/vue-cli/issues/3830

编辑：

通过命令行：https : //cli.vuejs.org/guide/cli-service.html#skiping-plugins

npx vue-cli-service build --skip-plugins pwa,workbox

通过vue.config.js：

module.exports = {
  chainWebpack: config => {
    config.plugins.delete('pwa');
    config.plugins.delete('workbox');
  }
}