之前angular9的时候进行了一次适配,现在generator升级到了6.10.3,angular升级到了10,发现之前的兼容不生效了,ie11仍然无法正常显示,搜索了无数的帖子都无效.最后突然在官网看到了兼容方案.感动
首先添加几个依赖
"@babel/core": "7.6.4", "@babel/preset-env": "7.6.3", "babel-loader": "8.0.6",然后在src/main/webapp/app/polyfills.ts添加
import 'core-js/stable'; import 'regenerator-runtime/runtime';之后在webpack/webpack.common.js中这段代码之后
{ test: /manifest.webapp$/, loader: 'file-loader', options: { name: 'manifest.webapp' } },添加如下代码
{ test: /\.js/, use: { loader: 'babel-loader', options: { "presets": [ [ "@babel/preset-env", { "targets": { "firefox": "60", "ie": "11" }, "useBuiltIns": "entry", "corejs": 3 } ] ] } }, exclude: /@babel(?:\/|\\{1,2})runtime|core-js/, },最后把tsconfig.json 以及 tsconfig-aot.json中的target中替换成 es5就可以了
参考链接: https://www.jhipster.tech/tips/028_tip_ie_support.html
