浏览器兼容
vite-plugin-public-typescript
使用 esbuild
和 babel
编译。
默认情况下,兼容 esbuild target es2015
,并且自动探测 browserslist
用于babel转换代码。
你可以通过以下方式修改兼容性:
esbuild target
ts
import { defineConfig } from 'vite'
import { publicTypescript } from 'vite-plugin-public-typescript'
export default defineConfig({
plugins: [
publicTypescript({
esbuildOptions: {
target: 'es2016',
}
})
]
})
附 esbuild target 兼容表:
Target | Chrome | Safari | Firefox | Edge |
---|---|---|---|---|
es2015 | 49 | 10.1 | 45 | 14 |
es2016 | 52 | 10.1 | 52 | 14 |
es2017 | 55 | 10.1 | 52 | 15 |
es2018 | 60 | 11.1 | 55 | 79 |
es2019 | 66 | 11.1 | 58 | 79 |
es2020 | 80 | 13.1 | 72 | 80 |
更多 esbuild 配置请参考 esbuild 配置
browserslist
babel
会根据 browserslist
配置来转换代码,你可以在项目根目录下创建 .browserslistrc
> 0.01%
not dead
last 4 versions
not ie <= 11
defaults
babel 配置
NOTE
建议修改 browserlist
配置,而不是修改 babel 配置。
你可以通过 babel
来修改 babel 配置
ts
import { defineConfig } from 'vite'
import { publicTypescript } from 'vite-plugin-public-typescript'
export default defineConfig({
plugins: [
publicTypescript({
babel: {
// 配置
}
})
]
})
更多配置请参考 babel 配置