由于部分项目需要兼容ie9-11,在用angular构建的项目当中,可以找到项目结构中的browserslist
文件
......
> 0.5%
last 2 versions
Firefox ESR
not dead
not IE 9-11 For IE 9-11 support, remove 'not'.
修改完browserslist
文件之后,还需要修改tsconfig.json
文件
{
"compileOnSave": false,
"compilerOptions": {
"baseUrl": "./",
"outDir": "./dist/out-tsc",
"sourceMap": true,
"declaration": false,
"downlevelIteration": true,
"experimentalDecorators": true,
"module": "esnext",
"moduleResolution": "node",
"importHelpers": true,
"target": "es2015",
"typeRoots": ["node_modules/@types"],
"lib": ["es2018", "dom"]
},
"angularCompilerOptions": {
"fullTemplateTypeCheck": true,
"strictInjectionParameters": true
}
}
将tsconfig.json
中的target属性改成es2015
,在编译的时候会编译成两份。
之后会根据浏览器支持的版本,自动选择加载哪一份编译的文件