vue iview-admin 如何兼容IE浏览器(通用) - Gas_station的博客 - CSDN博客

 iview作者说:

对于ie我们没有做过多的兼容处理,如果使用者需要兼容ie,可以install babel-polyfill,然后在main.js上面加载这个包即可


      1. 安装babel-polyfill
  `npm install babel-polyfill --save`

2. src/main.js 引入babel-polyfill
  `import '@babel/polyfill`

3. 在根目录增加babel.config.js文件
  ```
  module.exports = {
    presets: [
      ['@vue/app', {
        useBuiltIns: 'entry' // src全局es5编译
      }]
    ]
  }
  ```

4. vue.config.js引用babel-polyfill并且加入配置
  ```
  require('babel-polyfill')
  module.exports = {
    ...{ /* 一些别的配置 */ },
    
    // 关键配置:node_modules里面需要用babel-loader进行编译的包(node_modules的包如果没做 es6 => es5 转码则需要自己用babel-polyfill进行手动处理)
    // 如果IE下还跑不起来,控制台发现有其他es6语法的,尝试调试去找到底是哪个包
    transpileDependencies: [
      'iview',
      'axios'
    ],
  }
  ```

另一种写法如图:

vue iview-admin 如何兼容IE浏览器(通用) - Gas_station的博客 - CSDN博客_第1张图片

 

 

OK,收工!如果可以实现记得点赞分享,谢谢老铁~

你可能感兴趣的:(vue iview-admin 如何兼容IE浏览器(通用) - Gas_station的博客 - CSDN博客)