Quasar CLI with Vite - @quasar/app-vite
浏览器兼容

为了配置你的应用程序的浏览器兼容性,你将需要编辑/quasar.config.js

// quasar.config.js
build: {
  target: {
    browser: [ 'es2019', 'edge88', 'firefox78', 'chrome87', 'safari13.1' ],
    node: 'node16'
  }
}

根据你将使用的Quasar模式(SPA/SSR/PWA/Electron/…等),你将有客户端的文件(在浏览器中运行)和可能的Node.js运行文件。这就是上面target对象的两个键的作用。

另外,与此配置无关,你需要决定是否需要模块预装polyfill,因为所有的脚本标签都将作为模块被注入。默认情况下,polyfill是不包括的:

// quasar.config.js
build: {
  polyfillModulePreload: false
}

此外,根据你的/postcss.config.js文件内容,你的CSS也将通过autoprefixer,对此你可以配置你感兴趣的浏览器级别:

// postcss.config.js

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