1.依赖 babel-polyfill 模拟 ES2015+环境,并打算在应用程序中使用,而不是在库/工具中使用。
2.修改 webpack.base.conf.js 文件中将 entry 的 app:'./src/main.js' 修改为 app:['babel-polyfill', './src/main.js']
entry: {
app:'./src/main.js'
}
// ------>
entry: {
app:['babel-polyfill', './src/main.js']
}
3.在 main.js 中添加依赖
import 'babel-polyfill'
4.修改更目录下 .babelrc
"presets": [
[
"env",
{
"modules": false,
"targets": {
"browsers": [
"> 1%",
"last 2 versions",
"not ie <= 8"
]
}
}
]
],
// ----->
"presets": [
[
"env",
{
"modules": false,
"useBuiltIns": "entry",
"targets": {
"browsers": [
"> 1%",
"last 2 versions",
"not ie <= 8"
]
}
}
]
],
5. 由于ie不支持forEach 因此需要加入引入
if ( !Array.prototype.forEach ) {
Array.prototype.forEach = function forEach( callback, thisArg ) {
var T, k;
if ( this == null ) {
throw new TypeError( "this is null or not defined" );
}
var O = Object(this);
var len = O.length >>> 0;
if ( typeof callback !== "function" ) {
throw new TypeError( callback + " is not a function" );
}
if ( arguments.length > 1 ) {
T = thisArg;
}
k = 0;
while( k < len ) {
var kValue;
if ( k in O ) {
kValue = O[ k ];
callback.call( T, kValue, k, O );
}
k++;
}
};
}
其他方法同理