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。