angular8如何兼容ie10 +版本

  介绍

这篇文章主要介绍了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

 angular8如何兼容ie10 +版本

<强> 2. tsconfig。json,目标改成es2015

 angular8如何兼容ie10 +版本

默认情况下,会忽略老式浏览器(如IE 9 - 11),其编译目标设置为es2015。结果就会生成两个发布包,并启用差异化加载。如果忽略全部不支持es2015的浏览器,就只会生成一个版本。要了解不同配置下差异化加载的构建结果,请参考下表。

 angular8如何兼容ie10 +版本

<强> 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,新增下面两行

 angular8如何兼容ie10 +版本

<强> 6。运行ng - c=服务es5

最后在ie10和ie11里面访问你的项目地址,就可以看到界面了! ! ! !

感谢你能够认真阅读完这篇文章,希望小编分享的“angular8如何兼容ie10 +版本”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!

angular8如何兼容ie10 +版本