vue.js - 在 Vue CLI 3 中禁用 PWA 插件

Question

我在使用 VueCLI 3 附带的默认服务工作者缓存文件时遇到了一些问题。我宁愿只使用默认的浏览器缓存机制，但似乎无法禁用 PWA 插件，因为它不在vue.config.js文件中。将空白对象传递给该pwa选项也不起作用，因为该对象被合并而不是被覆盖。

Answer 1

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

1. 删除registerServiceWorker.js文件
2. registerServiceWorker.js删除from的导入main.js。
3. 从in 中删除PWA插件。devDependenciespackage.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#skipping-plugins

Answer 3

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

编辑：

通过命令行： https ://cli.vuejs.org/guide/cli-service.html#skipping-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');
  }
}