vue3.0兼容ie11,vue兼容ie11
这篇文章主要介绍了VueCli3中兼容IE11配置的艰苦历程，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
目录
当前项目前端版本解决步骤由于目前项目是采用VueCli3搭建的项目，对谷歌，火狐、面积、360等浏览器兼容不错，但是对工业管理学(工业工程)确出现了问题，目前项目要上线，那个着急啊，花了将近两天的时间从网上那个度娘，必应啊，但还好最终还是完美解决了。
现在对自己这两天的辛苦做个总结，也当是记录一下自己的感悟。
当前项目前端版本
package.json
{
名称： vue-antd-pro ，
版本: 1.2.0 ,
私有:对，
脚本:{
serve: vue-cli-service serve ，
构建: vue-CLI-服务版本，
lint : vue-CLI-服务皮棉，
测试：单位： vue-CLI-服务测试：单位
},
依赖项:{
@antv/data-set: ^0.10.1，
@ fortawesome/font awesome-SVG-core :^1.2.25
@ fortawesome/free-solid-SVG-icons :^5.11.2，
@ fortawesome/vue-font牛逼的:^0.1.8，
"蚂蚁设计": ^1.6.2,
axios: ^0.18.0，
巴别塔-波利菲尔:^6.26.0,
"浏览列表":^4.12.0,
“卡尼use-lite":^1.0.30001062，
"核心-js":^2.6.11，
"埃查尔兹":^4.6.0,
enquire.js: ^2.1.6，
^2.2.0,
lodash.get: ^4.4.2，
lodash.pick: ^4.4.0，
md5: ^2.2.1，
时刻:^2.24.0,
"进步":^0.2.0,
“viser-vue":^2.3.3，
^2.6.11,
vue-百度-地图:^0.21.22,
vue-clipboard2: ^0.2.1，
"维-克罗珀":^0.4.4,
“vue-echarts":^5.0.0-beta.0，
^0.2.98 ,
^3.2.0,
"路由器":^3.0.1,
“vuex":^3.1.0
},
devDependencies: {
@vue/cli-plugin-babel: ^3.3.0，
@ vue/CLI-plugin-eslint :^3.3.0，
@ vue/CLI-plugin-unit-jest :^3.3.0，
@vue/cli-service: ^3.3.0，
@ vue/eslint-config-标准:^4.0.0，
@ vue/test-utils :^1.0.0-beta.20，
巴别塔-核心: 7 .0 .0-桥。0 ,
"巴别塔-伊斯林":^10.0.1,
"巴别塔-杰斯特":^23.6.0,
"埃斯林特":^5.8.0,
^5.0.0 ,
“eslint-plugin-vue":^5.0.0，
少:^3.8.1,
"少装者":^4.1.0,
"模板编译器":^2.6.11,
"网络包-捆绑包-分析器":^3.1.0
},
eslintConfig: {
root: true，
环境:{
node: true
},
扩展:[
插件：vue/strong烈推荐，
@ vue/标准
],
语法分析选项:{
分析器:巴别-埃斯林
},
规则:{
发电机-星形-间距:关，
"无混合运算符":0,
vue/max-attributes-per-line: [
2,
{
单线:5,
多行:{
max: 1，
allowFirstLine: false
}
}
],
vue/属性-连字符:0,
vue/html-自结束:0,
vue/component-name-in-template-casing :0，
vue/html-右括号-空格:0,
vue/单行-html-element-content-newline :0，
“vue/无-未使用组件”:0，
vue/multiline-html-element-content-newline :0，
vue/no-use-v-if-with-v-for: 0，
vue/html-closing-bracket-newline :0，
vue/no-parsing-error: 0，
“无控制台”:0，
无制表符:0,
引号:[
2,
单身，
{
“避免转义”:真，
allowTemplateLiterals: true
}
],
semi: [
2,
绝不，
{
beforeStatementContinuationChars“:”从不
}
],
no-delete-var: 2，
首选常量:[
2,
{
ignoreReadBeforeAssign: false
}
]
}
},
postcss: {
插件:{
自动前缀:{}
}
},
browserslist: [
1%,
最近两个版本，
不是ie=8
]
}
目前可以做到兼容到=IE9
解决步骤
1.安装多孔填料
纱线安装巴别-波利菲尔-拯救
vue .配置. js里配置
const path=require(path )
const webpack=require(webpack )
//const BundleAnalyzerPlugin=require( web pack-bundle-analyzer ).BundleAnalyzerPlugin
函数解析（目录){
返回path.join(__dirname，dir)
}
//vue.config.js
模块。导出={
/*
Vue-cli3:
使用Webpack `import()` #2463时崩溃
https://github.com/vuejs/vue-cli/issues/2463
*/
/*
页数：{
索引：{
条目：" src/main.js "，
块：[块供应商，块公共，索引]
}
},
*/
configureWebpack: {
//关闭工具的性能提示
性能：{
提示：错误
},
插件：[
//忽略moment.js的所有区域设置文件
新网络包。IgnorePlugin(/^\.\/locale$/，/moment$/)
//新建BundleAnalyzerPlugin()
],
外部：{
vue: Vue ，
ant-design-vue: antd ，
BMap: BMap
}
},
chainWebpack: (config)={
config.resolve。别名。set(@$ )，resolve(src ))。set(@api ，resolve(src/api ))。set(@assets ，resolve(src/assets ))。set(@comp ，resolve(src/components ))。set(@views ，resolve(src/views ))。set(@layout ，resolve(src/layout ))。set(@static ，resolve(src/static ))
config . entry(“main”).添加(巴别塔-多填充)
},
css: {
loaderOptions: {
减：{
修改版本：{
/*更少变量覆盖，用于自定义蚂蚁设计主题*/
/*
原色： #F5222D ，
link-color: #F5222D ，
边框-半径-基线： 4px ，
*/
font-size-base: 13px
},
javascriptEnabled: true
}
}
},
devServer: {
disableHostCheck: true，
端口：8082,
代理服务器：{
/api: {
//目标： https://mock . ihx . me/mock/5baf 3052 f 7 da 7 e 07 e 04 a 5116/antd-pro ，
目标： http://localhost:8080/omsdc ，
ws:假的，
更改来源：真
},
/proxy2: {
目标： http://localhost:8080/omsdc ，
ws:假的，
更改来源：真
}
}
},
lintOnSave:未定义，
productionSourceMap: false，
transpileDependencies: [
调整探测器大小
]
}
重点是
config . entry(“main”).添加(巴别塔-多填充),表示引入到主页。射流研究…中；transpileDependencies: [
调整探测器大小
]
表示节点_模块里没有被转换行成es5的模块，可以从这个数组里面配置，进行转换
3 .主网站中引入导入“核心-js”
4.重启服务，刷新工业管理学(工业工程)浏览器，完美解决！
以上为个人经验，希望能给大家一个参考，也希望大家多多支持我们。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。