注入 Quasar 插件

本指南适用于您希望确保Quasar 插件将被注入到宿主应用程序中，因为您的 App Extension 的工作依赖于它。

提示

为了创建 App Extension 项目文件夹，请首先阅读开发指南 > 简介。

完整示例

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

我们只需要 /index.js 脚本，因为我们可以使用索引 API 从宿主应用程序配置 quasar.config 文件以包含我们所需的 Quasar 插件。

package.json

src/

index.js

# 在索引 API 中描述

而 /index.js 看起来像这样

export default function (api) {
  // (Optional!)
  // Quasar compatibility check; you may need
  // hard dependencies, as in a minimum version of the "quasar"
  // package or a minimum version of Quasar App CLI
  api.compatibleWith('quasar', '^2.0.0')

  if (api.hasVite === true) {
    api.compatibleWith('@quasar/app-vite', '^2.0.0-beta.1')
  }
  else { // api.hasWebpack === true
    api.compatibleWith('@quasar/app-webpack', '^4.0.0-beta.1')
  }

  // Here we extend /quasar.config file, so we can add
  // a boot file which registers our new Vue directive;
  // "extendConf" will be defined below (keep reading the tutorial)
  api.extendQuasarConf(extendConf)
}

我们在与上面相同的文件中“extendConf”方法

function extendConf (conf) {
  // we push to /quasar.config file > framework > plugins:
  conf.framework.plugins.push('AppVisibility')
}

发现错误了吗？在浏览器中编辑此页面