iview-admin 2.x 相容IE11的方法
摘要：
最近使用iview-admin搭建的專案突然說要相容ie,瀑汗.經過一番查閱資料,暫時找到一個可行的方法.記錄如下
一般開源專案遇到問題首先想到去Issue中去尋找答案,相容IE肯定是個普遍問題,issue中已經有很多類似問題和解決方案了.https://github.com/i...
最近使用iview-admin搭建的專案突然說要相容ie,瀑汗.經過一番查閱資料,暫時找到一個可行的方法.記錄如下
一般開源專案遇到問題首先想到去Issue中去尋找答案,相容IE肯定是個普遍問題,issue中已經有很多類似問題和解決方案了.https://github.com/iview/iview-admin/issues?utf8=%E2%9C%93&q=is%3Aissue+ie
整理了一下本人成功相容IE11 的方案:
- 更改webpack-dev-server版本為2.71
npm install --save-dev [email protected]
- 安裝@babel/polyfill
npm install --save @babel/polyfill
- main.js程式碼最前面加入
import '@babel/polyfill'
- 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)
兩段註釋掉
- 修改配置檔案
編輯.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'))
},
- 刪除TreeTable依賴
TreeTable 外掛不相容ie需要註釋掉
在main.js註釋掉 // import TreeTable from 'tree-table-vue' // import VOrgTree from 'v-org-tree' 以及 // Vue.use(TreeTable) // Vue.use(VOrgTree)