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