【问题标题】:Disable PWA plugin in Vue CLI 3在 Vue CLI 3 中禁用 PWA 插件
【发布时间】:2019-03-18 22:43:38
【问题描述】:

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

【问题讨论】:

    标签: vue.js vue-cli-3


    【解决方案1】:

    我通过以下方式解决了这个问题:

    1. 删除registerServiceWorker.js 文件
    2. main.js 中删除registerServiceWorker.js 的导入。
    3. package.json 中的devDependencies 中删除PWA 插件。

    【讨论】:

    • 我发现我还必须删除manifest.json 文件,该文件通常位于/public 目录中。
    • 您好,经过这三个步骤后,Service Worker 缓存不会消失,有什么提示可以在客户端清除它吗?
    【解决方案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

    【讨论】:

      【解决方案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');
        }
      }
      

      【讨论】:

        猜你喜欢
        • 2018-12-15
        • 1970-01-01
        • 2018-08-13
        • 2020-02-08
        • 2019-07-02
        • 2019-06-12
        • 2019-07-22
        • 2021-10-17
        • 2019-05-04
        相关资源
        最近更新 更多