这份指南演示如何使用应用扩展配置宿主应用的 Quasar 插件。
TIP
为了创建一个 App Extension 项目文件夹,请首先阅读 开发指南 > 介绍。
完整示例
要查看我们将构建的示例,请转到 完整示例,这是一个包含此 App Extension 的 GitHub 仓库。
我们只需要 /index.js 脚本,因为我们可以使用 Index API 来配置主机应用的 quasar.config 文件,以包含我们所需的 Quasar 插件。
/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);
}content_paste
我们的 “extendConf” 方法,同样在上述文件中:
function extendConf(conf) {
// 我们添加到 /quasar.config 文件 > framework > plugins:
conf.framework.plugins.push("AppVisibility");
}content_paste