要使Angular 8应用在IE浏览器中正常工作,您需要进行以下步骤:
src
文件夹中创建一个名为polyfills.ts
的新文件,并将以下代码添加到该文件中:import 'core-js/es6/reflect';
import 'core-js/es7/reflect';
import 'zone.js/dist/zone';
main.ts
文件中引入polyfills:打开您的src/main.ts
文件,并在顶部添加以下代码:import './polyfills';
tsconfig.json
文件中,确保以下选项已启用:"target": "es5",
"lib": [
"es2018",
"dom"
]
npm install @babel/core @babel/preset-env babel-loader --save-dev
然后,创建一个名为.babelrc
的文件,并添加以下代码:
{
"presets": [
"@babel/preset-env"
]
}
接下来,修改您的webpack.config.js
文件(如果您使用的是Angular CLI,则需要在angular.json
文件中进行类似的修改),以使用Babel加载器来处理JavaScript文件。在module.rules
数组中添加以下代码:
{
test: /\.js$/,
exclude: /node_modules/,
loader: 'babel-loader'
}
npm install postcss postcss-loader autoprefixer --save-dev
然后,修改您的webpack.config.js
文件(或angular.json
文件),以在CSS加载器中使用Autoprefixer。在module.rules
数组中的CSS加载器中添加以下代码:
{
test: /\.css$/,
use: [
'style-loader',
'css-loader',
{
loader: 'postcss-loader',
options: {
ident: 'postcss',
plugins: [
require('autoprefixer')()
]
}
}
]
}
这些步骤将使您的Angular 8应用能够在IE浏览器中正常工作。请注意,这只是一种方法,具体的解决方案可能因您的项目配置而有所不同。