浏览器兼容性 | Quasar 框架

为什么捐赠

API 资源管理器

如何贡献

选项 & 助手

样式 & 标识

布局和网格

Vue 组件

Vue 指令

Quasar 插件

Vue 组合式函数

安全

Quasar CLI (使用 Vite)

SPA 模式

SSR 模式

PWA 模式

Capacitor 模式

Cordova 模式

Electron 模式

浏览器扩展模式

Ajax 请求

将开发服务器公开

Quasar CLI（使用 Webpack）

Icon Genie CLI

应用扩展

Quasar 工具

使用 Vite 的 Quasar CLI - @quasar/app-vite

浏览器兼容性

为了配置应用程序的浏览器兼容性，您需要编辑 /quasar.config 文件

build: {
  target: {
    browser: [ 'es2022', 'firefox115', 'chrome115', 'safari14' ],
    node: 'node20'
  }
}

根据您将使用的 Quasar 模式（SPA/SSR/PWA/Electron/……等），您将拥有客户端文件（在浏览器中运行）以及可能运行的 Node.js 文件。这就是上面 target 对象的两个键的作用。

此外，独立于此配置，您需要决定是否需要模块预加载 polyfill，因为所有脚本标签都将作为模块注入。默认情况下，不包含 polyfill

build: {
  polyfillModulePreload: false
}

此外，根据您的 /postcss.config.cjs 文件内容，您的 CSS 也会通过 autoprefixer，您可以为其配置您感兴趣的浏览器级别

require('autoprefixer')({
  overrideBrowserslist: [
    'last 4 Chrome versions',
    'last 4 Firefox versions',
    'last 4 Edge versions',
    'last 4 Safari versions',
    'last 4 Android versions',
    'last 4 ChromeAndroid versions',
    'last 4 FirefoxAndroid versions',
    'last 4 iOS versions'
  ]
})

有关如何指定 autoprefixer 浏览器范围的更多信息：browserslist。

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