What is the "Angular way" of supporting old browsers?
默认情况下,Angular 14应用程序(内置angular-cli
)仅支持20%的浏览器(browsersl.ist).
尽管阅读了相关的documentation,但我也不清楚如何启用对较旧浏览器的支持.
Changed .browserslistrc
:
默认情况下,Angular -cli(V14)会生成此配置:
last 1 Chrome version
last 1 Firefox version
last 2 Edge major versions
last 2 Safari major versions
last 2 iOS major versions
Firefox ESR
我已经将其修改为以下内容. 覆盖率应该从20%上升到90%. 然而,更老的设备正在显示"死亡的白屏".
> 0.2%, not dead
其他一些相关文件:
tsConfig.json
此处,Angular cli(V14)在默认情况下放置以下内容:
...
"target": "es2020",
"module": "es2020",
"lib": [
"es2020",
"dom"
],
...
那么,我应该修改这个吗?
我见过使用单独的tsConfig.json
来提供es6
支持的方法.
polyfills.js
:
该文件应该为较旧的浏览器提供"填充". 然而,根据我所读到的,这里我们应该只附加与Angular 无关的内容,因为任何与Angular 相关的内容都会自动被框架附加. 我的理解正确吗?
这就是为什么自动生成的polyfills.ts
在下面的部分是空的,没有任何包含)
// .... other stuff
/***************************************************************************************************
* BROWSER POLYFILLS
*/
// ... stuff after polyfills