Quasar CLI with Webpack - @quasar/app-webpack
浏览器兼容性
配置兼容性
您的 /package.json
文件中应该包含一个 browserslist
字段。这会告诉 Quasar 应用兼容的浏览器范围。Babel 和 Autoprefixer 会使用这个字段来决定如何转译 JS 代码(如果转译开关被打开)以及哪些 CSS 兼容性前缀会被添加到您的 CSS 代码中。
Babel 将精确地寻找需要转译的 JS 特性(基于配置的浏览器)并应用它们。不过,要注意这一点,因为在选项列表中添加一个 “bad apple” 就足够了,这将使您的代码转译到 ES5。
以下是创建 Quasar 项目时默认的 “browserslist”:
// package.json
"browserslist": [
"last 10 Chrome versions",
"last 10 Firefox versions",
"last 4 Edge versions",
"last 7 Safari versions",
"last 8 Android versions",
"last 8 ChromeAndroid versions",
"last 8 FirefoxAndroid versions",
"last 10 iOS versions",
"last 5 Opera versions"
]
更多关于 autoprefixer
的设置范围请参考 browserslist。