工作中开发的应用需要支持IE10+的情况,简单记录下,其实在jhipster的官网也是有这个说明的,具体的地址是
https://www.jhipster.tech/tips/028_tip_ie_support.html
简单总结下步骤:
1.添加依赖
yarn add @babel/core @babel/preset-env babel-loader --exact --dev
2.在src/main/webapp/app/polyfills.ts文件最上面添加内容
import 'core-js/stable';
import 'regenerator-runtime/runtime';
3.修改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/,
},
4.修改tsconfig.json & tsconfig-aot.json.文件中target 为es5
\
5.修改webpack.prod.js文件中所有的ecma:6 为 ecma:5