In order to configure the browser compatibility for your app, you will need to edit the /quasar.config
file:
build: {
target: {
browser: [ 'es2022', 'firefox115', 'chrome115', 'safari14' ],
node: 'node20'
}
}
Based on the Quasar Mode that you will be using (SPA/SSR/PWA/Electron/… etc) you will have client-side files (that run in the browser) and possibly Node.js running files. This is what the two keys of target
Object above are for.
Also, independent of this configuration, you need to decide if you want the module preload polyfill since all the script tags will be injected as modules. By default, the polyfill is NOT included:
build: {
polyfillModulePreload: false
}
Furthermore, based on your /postcss.config.cjs
file content, your CSS will also pass through autoprefixer
for which you can configure the browser levels that you are interested in:
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'
]
})
More info on how to specify autoprefixer
browser ranges: browserslist.