Vue 不兼容 ie 处理方案

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++;
          }
      };
  }

其他方法同理

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

GGos

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值