浏览器兼容性 | Quasar Framework

为什么捐赠

API 浏览器

如何贡献

选项与辅助工具

样式与标识

布局与栅格

Vue 组件

Vue 指令

Quasar 插件

Vue 组合式函数

安全

Quasar CLI（Vite 版）

SPA 模式

SSR 模式

PWA 模式

开发移动应用

Capacitor 模式

Cordova 模式

Electron 模式

浏览器扩展模式

Ajax 请求

开放开发服务器到公网

Quasar CLI（Webpack 版）

Icon Genie CLI

应用扩展

Quasar 工具函数

联系站长

Quasar CLI with Vite - @quasar/app-vite

浏览器兼容性

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

build: {
  target: {
    browser: 'baseline-widely-available',
    node: 'node22'
  }
}

根据您的 Quasar 开发模式（SPA/SSR/PWA/Electron/… 等等），不仅有客户端文件（运行在浏览器中），还可能有运行在 Node.js 环境中的文件，这就是上述 target 配置项的用途。

此外，独立于此配置，您还可决定是否要开启模块预加载补丁 polyfill，因为所有的 script 标签都会以模块的方式注入。默认情况下，不开启 polyfill：

build: {
  polyfillModulePreload: false;
}

此外，基于您的 /postcss.config.js 文件内容，您的 CSS 还将通过 autoprefixer 来进行浏览器兼容，您可以为其配置感兴趣的浏览器级别：

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。

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