介绍
这篇文章主要介绍了angular8如何兼容ie10 +版本,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。
<强> 1. pollyfills。ts添加下面两行强>
import & # 39; classlist.js& # 39;,,//, npm install ,,节省classlist.js import & # 39; web-animations-js& # 39;,,//, npm install ,,节省web-animations-js
<强> 2. tsconfig。json,目标改成es2015 强>
默认情况下,会忽略老式浏览器(如IE 9 - 11),其编译目标设置为es2015。结果就会生成两个发布包,并启用差异化加载。如果忽略全部不支持es2015的浏览器,就只会生成一个版本。要了解不同配置下差异化加载的构建结果,请参考下表。
<强> 3。browserslist,如果项目中没有browserslist就新建一个,选择文本模式,添加如下代码:强>
在0.5% last 2,版本 Firefox ESR not 死 not IE  9-10 #, For IE 9-10 支持,,remove & # 39;不# 39;。 IE 11
<强> 4。在根目录新建文件tsconfig.app.es5.json,将目标改为es5,继承tsconfig.app.json 强>
{ “才能extends",:,“,/tsconfig.app.json" “compilerOptions"才能:,{ ,,,“target":,“es5" ,,} }
<强> 5。配置角。json,新增下面两行强>
<强> 6。运行ng - c=服务es5 强>
最后在ie10和ie11里面访问你的项目地址,就可以看到界面了! ! ! !
感谢你能够认真阅读完这篇文章,希望小编分享的“angular8如何兼容ie10 +版本”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!