对于新版本的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 ins...
目前新版本的vue3.0和vue2.0的写法上都有了很大的改动,包括对文件打包和ie兼容的问题,都有很大的改动?我使用的ui框架是iviewAdmin的,在网上翻了很久都是针对vue2.0的修改,在build文件夹下的方式,所以完全用不了,然后找到了下面的方式
正常步骤分为六部:
1.更改webpack-dev-server版本为2.71 或者是 2.11.1都可以
npm install --save-dev webpack-dev-server@2.7.1
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这个组件的兼容,如果有兼容过的小伙伴希望可以分享一下
更多推荐
所有评论(0)