vue如何配置兼容ie es6转es5

首先我们的明白为什么vue在ie上跑步起来，这究竟是道德的沦丧还是人性的扭曲。

应该都不是是ie它就是不支持es6，那么不支持es6，那es5呢？

嗯算支持吧，

那么明白啊了原因怎么解决的呢？

es6 => es5

小p给大家介绍一个工具

@babel/polyfill

// npm 下载
npm i @babel/polyfill -s

配置

// 根目babel.config.js文件 (没有自己建)
module.exports = {presets: [['@vue/app', {useBuiltIns: 'entry' // src全局es5编译}]]
}// 根目vue.config.js
// 关键配置：node_modules里面需要用babel-loader进行编译的包（node_modules的包如果没做 es6 => es5 转码则需要自己用babel-polyfill进行手动处理）
// 如果IE下还跑不起来，控制台发现有其他es6语法的，尝试调试去找到底是哪个包
module.exports = {...transpileDependencies: ['iview','axios',/[/\\]node_modules[/\\]dom7[/\\]/,/[/\\]node_modules[/\\]swiper[/\\]/,/[/\\]node_modules[/\\]element-ui[/\\]packages[/\\]/,/[/\\]node_modules[/\\]element-ui[/\\]src[/\\]/,/[/\\]node_modules[/\\]capital-ui[/\\]src[/\\]/,/[/\\]node_modules[/\\]vux[/\\]/],...
}// 根目src/main.js
import '@babel/polyfill';

注意事项

此配置仅仅打包有效

此配置中的 transpileDependencies 是解析依赖包

ie的背景色貌似不一样

ie图片要自适应貌似设宽不顶用（flex）

此配置配置ok 却还没生效或者出现其他问题的可以加作者qq：1172824156 联系解决

vue如何配置兼容ie es6转es5相关推荐

vue es6转es5 保证浏览器兼容性
vue cli es6转es5 保证浏览器兼容性安装在根目录下创建.babelrc文件 IE报vuex requires a Promise polyfill in this browser问题解 ...
浏览器兼容性篇-vue篇-ES6转ES5
在 vue 项目中,ie浏览器识别ES5写法的javascript代码,而IE浏览器不支持,所以需要借助插件 babel-polyfill ,解决方案如下: vue-cli2下解决浏览器兼容性问题 ...
Vue CLI 3 配置兼容IE10
Vue CLI 3 配置兼容IE10 最近做了一个基于Vue的项目,需要兼容IE浏览器,目前实现了打包后可以在IE10以上运行,但是还不支持在运行时兼容IE10及以上.Vue CLI 3 中文文档安 ...
js兼容问题，ES6转ES5或者转其他，各版本js转换。
在线ES6转ES5 ,或者其他各种版本js之间的转换在线网站. https://es6console.com/
html的vue项目怎么兼容ie,vue 项目在ie浏览器的兼容问题
注意:html vue 只兼容ie8以上版本: IE 不兼容 axios的promiss对象; IE 不兼容es6语法: ES6转ES5 1.关于babel-polyfillvue 一.说明:This ...
vue ie浏览器兼容
注意: vue 只兼容ie8以上版本: IE 不兼容 axios的promiss对象; IE 不兼容es6语法: ES6转ES5 一.关于babel-polyfill 1.说明:This will e ...
记录一次es6转es5的填坑历程
背景随着前端的技术的不断发展,JavaScript也在不断地版本迭代,但是浏览器厂商如果不支持新版的js,那么对于前端同学来说是一场灾难,最近小飞就遇到了这样的一个问题,好好的Vue项目在低版本安卓 ...
html的vue项目怎么兼容ie,vue兼容IE报错怎么解决？解决方案分享
IE 页面空白报错信息此时页面一片空白报错原因 Babel 默认只转换新的 JavaScript 语法(如箭头函数),而不转换新的 API ,比如 Iterator.Generator.Set. ...
vue遇到ie兼容问题如何处理_详解vue 兼容IE报错解决方案
IE 页面空白报错信息此时页面一片空白报错原因 Babel 默认只转换新的 JavaScript 语法(如箭头函数),而不转换新的 API ,比如 Iterator.Generator.Set. ...

vue如何配置兼容ie es6转es5

vue如何配置兼容ie es6转es5

es6 => es5

配置

注意事项

vue如何配置兼容ie es6转es5相关推荐

最新文章

热门文章