generator-jhipster 6.10.3(Angular 10) 兼容IE11

之前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