对于新版本的vue-cli 3.0兼容ie11的问题的解决方式

目前新版本的vue3.0和vue2.0的写法上都有了很大的改动，包括对文件打包和ie兼容的问题，都有很大的改动？我使用的ui框架是iviewAdmin的，在网上翻了很久都是针对vue2.0的修改，在build文件夹下的方式，所以完全用不了，然后找到了下面的方式

正常步骤分为六部：

1.更改webpack-dev-server版本为2.71 或者是 2.11.1都可以

npm install --save-dev [email protected]

2.安装@babel/polyfill

npm install --save @babel/polyfill

3.main.js代码最前面加入

import '@babel/polyfill'

4.main.js相关的语言包全部删除

1.main.js中的以下三部分注释掉：
//import i18n from '@/locale'

Vue.use(iView, {
// i18n: (key, value) => i18n.t(key, value)
})

new Vue({
el: '#app',
router,
// i18n,
store,
render: h => h(App)
})

2.还需要把components\main下的：

// this.setLocal(this.$i18n.locale)
两段注释掉

5.修改配置文件

编辑.babelrc
{
  "presets": [["@vue/app", { "useBuiltIns": "entry" }]]
}

编辑vue.config.js

  transpileDependencies: ['tree-table-vue', 'iview'],

  chainWebpack: config => {
    config.entry('polyfill').add('@babel/polyfill')
    config.resolve.alias
      .set('@', resolve('src')) // key,value自行定义，比如.set('@@', resolve('src/components'))
      .set('_c', resolve('src/components'))
  },

6.删除TreeTable依赖

在main.js注释掉

// import TreeTable from 'tree-table-vue'
// import VOrgTree from 'v-org-tree'

以及

// Vue.use(TreeTable)
// Vue.use(VOrgTree)

这是正常的六部就可以进行兼容ie11的操作了（个人测试了一下，觉得只要是不使用tree-table-vue和v-org-tree这两个组件就可以进行兼容了）

最后对于兼容v-org-tree的话我是找到了解决方法的，(https://download.csdn.net/download/qq_39215166/11367811)这个是我的下载地址，说实话我没想要设置c币的，但是这个网站给我随机生成了c币下载，我也没有办法

暂时没有对tree-table-vue这个组件的兼容，如果有兼容过的小伙伴希望可以分享一下

对于新版本的vue-cli 3.0兼容ie11的问题的解决方式

猜你喜欢