ivue-admin2.0兼容IE11浏览器

最新推荐文章于 2024-08-07 09:55:43 发布

理工232

最新推荐文章于 2024-08-07 09:55:43 发布

阅读量620

点赞数 1

文章标签： iview iview-admin vue

ivue-admin2.5兼容IE11浏览器

1. 安装babel-polyfill
`yarn add 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'，
'tree-table-vue'，

'v-org-tree'
],
}
```

比如在ie11下报这个错，就是v-org-tree这个方法中，含有es6的语法，需要把v-org-tree添加到transpileDependencies中，让babel-polyfill进行手动处理。