为什么捐赠
API 浏览器
联系站长
注入 Quasar 插件

这份指南演示如何使用应用扩展配置宿主应用的 Quasar 插件

TIP

为了创建一个 App Extension 项目文件夹,请首先阅读 开发指南 > 介绍

完整示例

要查看我们将构建的示例,请转到 完整示例,这是一个包含此 App Extension 的 GitHub 仓库。

我们只需要 /index.js 脚本,因为我们可以使用 Index API 来配置主机应用的 quasar.config 文件,以包含我们所需的 Quasar 插件。

/index.js 的内容如下:

文件:/index.js

export default function (api) {
  // (可选!)
  // Quasar 兼容性检查;您可能需要
  // 强硬的依赖,比如 "quasar" 包的最小版本
  // 或 Quasar App CLI 的最小版本
  api.compatibleWith("quasar", "^2.0.0");

  if (api.hasVite === true) {
    api.compatibleWith("@quasar/app-vite", "^1.0.0");
  } else {
    // api.hasWebpack === true
    api.compatibleWith("@quasar/app-webpack", "^3.0.0");
  }

  // 在这里我们扩展 /quasar.config 文件,以便我们可以添加
  // 一个引导文件,用于注册我们的新 Vue 指令;
  // "extendConf" 将在下文中定义(请继续阅读教程)
  api.extendQuasarConf(extendConf);
}

我们的 “extendConf” 方法,同样在上述文件中:

文件:/index.js

function extendConf(conf) {
  // 我们添加到 /quasar.config 文件 > framework > plugins:
  conf.framework.plugins.push("AppVisibility");
}