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.jsimport '@babel/polyfill';

注意事项

此配置仅仅打包有效

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

ie的背景色貌似不一样

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

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